Как сделать якорную ссылку в WordPress

Как сделать якорную ссылку в WordPress.

Создание якорных ссылок в WordPress позволяет пользователям быстро перемещаться к определённым частям страницы. Это особенно полезно на длинных страницах с множеством разделов. Вот пошаговая инструкция по созданию якорных ссылок в WordPress:

Шаг 1: Добавление якоря на страницу

1. В редакторе Gutenberg:

• Откройте страницу или запись, в которую вы хотите добавить якорную ссылку.
• Выберите заголовок или блок, к которому вы хотите привязать якорную ссылку (например, заголовок раздела).
• В правом меню найдите раздел "Дополнительно".
• В поле "Якорь HTML" введите уникальное имя для этого якоря. Это будет идентификатор вашего якоря, например, раздел-1 (без пробелов и специальных символов).

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

2. В классическом редакторе (или HTML):

Если вы используете классический редактор или хотите добавить якорь через HTML:

1. Перейдите в "Текстовый режим" в редакторе и добавьте следующий код перед текстом или заголовком, к которому вы хотите привязать ссылку:

   <a id="раздел-1"></a>

Этот код создаст якорь с идентификатором раздел-1.

Шаг 2: Создание ссылки на якорь

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

1. В редакторе Gutenberg:

• Выделите текст, который будет служить ссылкой на якорь.
• Нажмите на кнопку "Ссылка" (значок цепи) в панели инструментов.
• В поле для ссылки введите # и затем имя вашего якоря, например:

  #раздел-1

• Нажмите "Применить".

2. В классическом редакторе:

• Выделите текст, который хотите сделать ссылкой, и нажмите на иконку ссылки.
• В поле для ссылки введите #раздел-1 (вместо раздел-1 используйте имя вашего якоря).
• Сохраните изменения.

Шаг 3: Проверка работы якорной ссылки

После добавления якоря и ссылки, нажмите "Обновить" или "Опубликовать" страницу. Затем откройте её на сайте и проверьте, что якорная ссылка корректно перемещает вас к нужному разделу.

Пример:

Шаг 1: Добавление якоря к заголовку:

<h2 id="раздел-1">Заголовок раздела 1</h2>

Шаг 2: Создание ссылки:

<a href="#раздел-1">Перейти к разделу 1</a>

Когда пользователь нажмёт на ссылку «Перейти к разделу 1», он будет перемещён к заголовку с якорем раздел-1.

Дополнительные советы:

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

  https://example.com/page#раздел-1

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