WordPress — якоря в статье

Якорь ссылка — это HTML тег, который подставляется в любое место текста статьи и тем самым, обозначает это место таким образом, что можно будет ссылаться на него из любого другого места в любой статье сайта.

Установка якоря в статье с помощью HTML тегов

Первый способ установки якоря мы будем делать вручную, вставляя html теги в самой статье, через текстовый редактор админки wordpress.

Для начала, нужно будет определиться в каком месте будет находиться наш якорь. В моём случае он будет находиться в подзаголовке «Что такое якорь».

Открываем нашу статью в текстовом редакторе и находим наш подзаголовок <h2> и через пробел вставляем наш этот тег – id=»1″ Получится так:

 h2 id="1" style="text-align: center;">Что такое якорь</h2>

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

Примечание: возможно вставить якорь только при наличие в тексте каких-либо тегов, например: <p> <li> <br> <strong> и так далее…

Если же вы хотите поставить якорь в слове, перед которым нет таких тегов, то вам в любом случае придется их добавить. Например, вы можете сделать это слово под наклоном (<em>) или жирным шрифтом (<strong>) и только тогда можете спокойно забрасывать свой якорь в него.

Установка ссылки на якорь с помощью HTML тегов

Для начала, нам нужно определить какое словосочетание будет ссылкой.  В данном случае ссылкой будет пункт «Что такое якорь».

И опять же открываем нашу статью в текстовом редакторе и находим наш первый пункт в содержании статьи <em> и рядом с ним добавляем ссылку на якорь, то есть так:

a href="#1"

и в конце предложения не забываем закрыть этот тег </a>. Получится так:

a href="#1">Что такое якорь.</a></em>

Обратите внимание на цифру 1. Она должна совпадать с цифрой, которую мы прописали в якоре, это и есть наш уникальный идентификатор.

Пример:

  1. Установка якоря в статье с помощью HTML тегов
  2. Установка ссылки на якорь с помощью HTML тегов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

=

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.