Здравствуйте дорогие читатели сайта. В этой статье я хотел бы рассказать о том, как можно на любой странице своего сайта сделать различные сноски. Эту операцию я делал в данной статье. Это относится не только к сайту на WordPress, это относится к сайтам, которые работают практически на любой системе управления (CMS).

Самое что интересное, это бы будем делать без использования различных плагинов и модулей.

Эта операция довольно популярная и интересная, ее же мы можем наблюдать и на Wikipedia, где существуют различные оглавления и сноски.

Для любителей плагинов, я бы посоветовал для реализации данной возможности, использовать плагин  Footnotes. Но я говорил, и буду говорить, что использовать плагины не стоит до тех пор, пока можно нужный функционал организовать и без них. Так, что лучше задумайтесь и придерживайтесь правил в данной статье.

Сноски мы будем организовывать при помощи обычного HTML-кода. Итак, давайте приступим.

Первый шаг – нам необходимо сделать, это присваивать нужной части текста, на странице, «Якорь», к которой мы хотим вернуться. Для, этого, нам необходимо нужной части текста, написать примерно следующий код:

Исходный код

<a id=”snoska1”>Текст, к которому необходимо вернуться</a>

В качестве текста snoska1, Вы можете использовать абсолютно любой, главное, чтобы они уже нигде не использовались, в коде Вашей страницы.

Второй шаг – это организовать ссылку на наш «Якорь», то есть на текст, к которому необходимо вернуться. Для этого, в HTML-коде страницы, для слова или текста, который должен выступать в виде ссылки, для возврата к нашему «Якорю», необходимо написать следующий код:

Исходный код

<a href=”#snoska1”>Вернуться к якорю</a>

Вот примерно и все. Для того, чтобы Вам сделать сноски, которые будут размещаться вверху слова (верхний индекс), то Вам необходимо включить расширенную панель визуального редактора, либо же использовать теги:

Исходный код

<sup></sup>

Для примера, я покажу на примере данной статьи, как это работает, например, отсюда можно вернуться к началу статьи.

А сделал я, это при помощи следующего кода:

Исходный код

<a href=”#nachalo”>к началу статьи</a>

А сам якорь, к которому мы возвращаемся, выглядит следующим образом:

Исходный код

<a id=”nachalo”> Здравствуйте</a>

Как видите, все очень просто, так что удачи в применении.

Даже, когда Вы сделаете такое в HTML-редакторе WordPress, то в итоге, возле слова, к которому необходимо возвратиться, должен появиться значок в виде якоря:

Если Вам понравилась статья, то подпишитесь на обновления!