Как использовать якорные ссылки в записях и страницах 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

Как легко изменить URL-адрес входа в WordPress
Как легко изменить URL-адрес входа в WordPress

Хакер, желающий получить доступ к сайту WordPress с помощью грубой Read more

Что такое аренда серверов? Почему это выгодное решение?

Аренда серверов — это популярная услуга по аренде места и Read more

Ошибки WordPress, Которых Вы Должны Избегать – Руководство для Начинающих
Ошибки WordPress, Которых Вы Должны Избегать – Руководство для Начинающих

С таким количеством функций и опций, доступных для WordPress, пользователи Read more

Таблицы WordPress – Как добавить таблицы в WordPress
Таблицы WordPress – Как добавить таблицы в WordPress

Таблицы и диаграммы — это отличные инструменты для подготовки и Read more

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

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

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

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

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

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

14 + восемь =