Как использовать якорные ссылки в записях и страницах WordPress?

Автор: | 30.08.2020

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

Якорная ссылка — это просто тип ссылки на странице, которая ссылается на другие материалы на той же веб-странице. Это очень важно для длинных статей с большим количеством различных подзаголовков и разделов. Добавьте небольшое оглавление в верхней части вашего поста с якорными ссылками на различные подразделы, и ваш пост будет выглядеть очень профессионально.

Якорные ссылки также хороши для SEO, так как они будут отображаться в результатах поиска Google! Добавьте несколько изящных якорных ссылок в свои подзаголовки, и Google предоставит прямые ссылки на ваши якорные теги прямо из результатов поиска Google.

Итак, теперь, зная преимущества использования якорных ссылок в WordPress, давайте посмотрим, как вы можете включить их в записи и страницы WordPress.

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

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

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

Здесь вы можете добавить свою якорную ссылку, используя ‘#’ в качестве префикса, а затем текст slug или идентификатор якорной ссылки, который вы хотите использовать. Например, назовем якорную ссылку

#anchor_link

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

Использование атрибута Anchor ID для ссылок

Затем вы берете текст, на который хотите перейти по ссылке. Чаще всего это какой-либо подзаголовок.

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

Нажмите на кнопку расширенные параметры на панели инструментов и выберите опцию редактировать как HTML.

редактировать как HTML

Затем возьмите HTML-тег в коде и добавьте к нему атрибут id с текстом slug нашего якорного идентификатора. Помните, что вам нужно добавить этот идентификатор в HTML-тег без префикса»#».

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

<h3 id= "anchor_link">Anchor Text</h3>

Затем нажмите на кнопку «Редактировать визуально».

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

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

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

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

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

Как видите, добавить якорные ссылки в записи WordPress очень просто.

Небольшое демо для наглядности

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

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

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

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

Изменение доменного имени в WordPress
Изменение доменного имени в WordPress

Доменное имя WordPress предоставляет собой средство поиска и идентификации сайта Read more

Как добавить видео слайдер WordPress: простое руководство для начинающих
Как добавить видео слайдер WordPress: простое руководство для начинающих

Добавление видеоконтента на ваш сайт может быть отличным способом привлечения Read more

Как исключить записи категории с главной страницы сайта на WordPress?
исключить записи с главной страницы

Очень важно при работе с сайтом убедиться, что домашняя страница Read more

Как оптимизировать изображение с помощью Photoshop
Как оптимизировать изображение с помощью Photoshop

Оптимизация изображений — это процесс сжатия и настройки параметров отображения Read more

PNG vs JPG: что лучше для сайта WordPress?
PNG vs JPG: что лучше для вашего сайта?

Визуальная привлекательность имеет решающее значение в веб-дизайне. Внешний вид должен Read more

Как установить WordPress На Локальный сервер– Полное Руководство
WordPress На Localhost

Установка WordPress на компьютер Windows или Mac часто является первым Read more

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

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

1 + 1 =