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

Что такое автоматизация бизнес-процессов и как это поможет вашему проекту?
Что такое автоматизация бизнес-процессов

Автоматизация бизнес-процессов (АБП) — это решение рутинных задач с помощью Read more

Как установить фавикон (favicon) на сайте wordpress
Как установить фавикон (favicon) на сайте wordpress

Фавикон, или значок сайта, является важным элементом брендинга, который должен Read more

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

Хакер, который хочет получить доступ к вашему сайту WordPress часто Read more

Как сделать редирект (перенаправить) с www на без www (и наоборот) в htaccess
Как сделать редирект (перенаправить) с www на без www в htaccess

Перед запуском нового веб-сайта, одним из решений, которые вы должны Read more

Как очистить вашу базу данных WordPress
Как очистить вашу базу данных WordPress

Почему так важно очистить вашу базу данных WordPress? Все WordPress Read more

Как изменить пароль WordPress (4 способа)
Как изменить пароль WordPress

Пароль WordPress дает вам доступ к управлению вашим сайтом. С Read more

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

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

пять × 5 =