Как настроить якорные ссылки в elementor

Elementor

В статье разберем, как добавить и настроить якорные ссылки с помощью плагина wordpress elementor.

Что такое якорные ссылки?

Якорные ссылки – это ссылки, которые направляют на определенное место на страницы. Позволяют быстро перемещаться с одной секции на другую, минуя листание всего содержания. Используются, как правило на страницах с большим объемом информации или для создания навигации.

Как добавить и настроить якоря в Elementor

Перейдите в сам редактор далее найдите виджет «Якорь меню» и переместите его в нужную вам область на странице.

Якорь elementor

К примеру я добавил перед заголовком «Каталог»

настройка якоря в elementor

Далее укажите id якоря меню, обязательно без решетки на латинице, в моем случае «katalog»

Настройка якорного меню в elementor

На следующем этапе вам необходимо в админке wordpress создать меню с произвольными ссылками и указать id якоря с решеткой в начале. Перейдите в консоль далее «Внешний вид» ⇒ «Меню» создайте новое или добавьте в существующее (на ваше усмотрение).  Смотрите пример на скриншоте ниже.

произвольные ссылки в wordpress

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

меню якорные ссылки в элементор

Видео, как добавить и настроить якорные ссылки в elementor pro

Оцените статью
У нас про сайты
Добавить комментарий