Как добавить якорные ссылки в Wordpress?

Как добавить якорные ссылки в WordPress ?

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

Как выглядят якорные ссылки?

Самый лучший способ рассказать о том, как выглядит предмет обсуждения, это показать его. Так как статья обещает быть короткой и не предполагает наличия разделов, то якорную ссылку я создам на конец статьи:

Длинный список из якорных ссылок выглядит как мини-содержание с возможностью интерактивного перехода к выбранному разделу по клику мыши.

Добавляем якорные ссылки в WordPress!

1. Даем имя HTML-якорю.

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

якорные ссылки в WordPress

Имя для якоря можно выбрать по-желанию. Лучше всего, если имя будет коротким и «говорящим», то есть сумеет описать текст, на который вы будете ссылаться. Я назову HTML-якорь как «Конец-статьи». Обратите внимание, что пробелы в названии HTML-якоря автоматически преобразуются в тире! После того, как нужный раздел статьи будет «заякорен», можно переходить к определению ссылки.

2. Определяем ссылку.

Выделяем фразу, при нажатии на которую будет осуществляться прокрутка статьи и нажимаем значoк ссылки:

якорные ссылки в WordPress

После этого в поле для ввода URL-адреса ссылки вводим значок решетки и следом за ним, без пробела, добавляем имя HTML-якоря, закрепленное за нужным блоком:

Нажимаем Enter, и выделенная фраза превращается в якорную ссылку! Якорная ссылка готова, можно тестировать работоспособность!

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

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