Пятница, 19 апреля, 2024

Как создать ссылку на конкретную часть страницы

Многие видели меню навигации в различных обзорных статьях или просто в объемных страницах. Его обычно располагают в начале и при нажатии на один из пунктов меню вас перебрасывает на определенную часть страницы.

Пример можно посмотреть в статье – Nexus 5X обзор. С помощью этого способа можно так же создать ссылку на часть страницы в другой статье.

Якорь (anchor) html

Якорь html – это закладка на веб странице. Обозначается следующим кодом <a id=“anchor”></a>. Где слово в кавычках и есть название закладки и может быть любым. Вставляем код в том месте куда предполагаем перемещаться.

Код ссылки при нажатии которой переместимся к якорю выглядит вот так <a href=“#anchor”>Текст ссылки</a>. В случае если это якорь в другой статье, то просто нужно прописать полный путь и в конце добавить наш якорь, например вот так <a href=“https://lavnik.net/gadgets/nexus-5x-obzor-dva-mesyatsa-ispolzovaniya#foto”>Примеры фотографий</a>.

Якорь с помощью плагина

Для расширения возможностей встроенного редактора WordPress удобно использовать плагин TinyMCE Advanced.

В настройках плагина нужно добавить в панель редактора ярлык «Якорь».

Якорь с помощью плагина

Уже в тексте статьи выделяем нужный абзац, нажимаем на «Якорь» и придумываем название.

Пожалуйста лайк, репост

Это тоже интересно

РЕКОМЕНДУЕМ

Интересное