...
WEB и WordPress новости, темы, плагины. Здесь мы делимся советами и лучшими решениями для сайтов.

Как настроить анкорные ссылки Elementor простым способом

619

Якорные ссылки Elementor очень просты в настройке. Хотя какие они?

Проще говоря, якорная ссылка — это ссылка, которая уводит вас не со страницы, на которой вы находитесь, а вместо этого в другой раздел страницы. Они особенно полезны для навигации по длинным разделам текста. С другой стороны, якорные ссылки используются для создания оглавления. Оглавление — важная часть длинных статей, поскольку оно позволяет легко перемещаться по тексту, а также полезно для поисковой оптимизации. Хотя оглавление можно создать с помощью элемента привязки меню, существует и более простой способ. Мы рекомендуем вам попробовать надстройки Qi для виджета Elementor Table of Contents, поскольку он обеспечивает быстрый и простой способ создания и настройки Table of Contents. Кроме того, это совершенно бесплатно.

Так что, если вы думаете, что ваши страницы выиграют от такого рода ссылок на странице, и если вы используете конструктор страниц Elementor, вам повезло. В вашем редакторе страниц (в том числе в бесплатной версии) есть специальный элемент, идеально подходящий для этой цели — элемент Elementor Menu Anchor.

Теперь давайте приступим к практике, в этом тексте мы покажем вам:

Как создать анкорные ссылки Elementor в WordPress и использовать их на одной странице

Чтобы настроить якорную ссылку Elementor, просто найдите элемент Menu Anchor в боковом меню Elementor.

Как настроить анкорные ссылки Elementor простым способом

Далее вам нужно перетащить элемент туда, куда вы хотите, чтобы вела ссылка. Якорь можно установить в любом месте страницы. Он не будет виден пользователям, но вы сможете его найти и настроить.

Как настроить анкорные ссылки Elementor простым способом

После размещения назовите привязку. Якорь может называться как угодно, при условии, что это комбинация букв и цифр без пробелов. Вы можете использовать верхний или нижний регистр. Вы не можете использовать пробелы, но разрешены дефисы (–) и символы подчеркивания (_). Таким образом, «имя привязки» не является допустимым именем привязки, в то время как «имя привязки», «имя привязки» и «имя_привязки» являются допустимыми.

Как настроить анкорные ссылки Elementor простым способом

Затем вам нужно настроить якорную ссылку. Любой элемент, который может нести ссылку, может ссылаться на якорь: текст, изображение, кнопка, меню… В то время как обычная ссылка обычно состоит из полного URL-адреса, ссылка на якорь выглядит немного иначе.

Сначала выберите элемент, который вы хотите связать с якорем. Ссылка устанавливается в поле ссылки выбранного вами элемента путем ввода имени привязки, которому предшествует #, как в #anchorname, или, в приведенном ниже примере, #best. На изображении ниже вы можете увидеть, как это выглядит для абзаца…

Как настроить анкорные ссылки Elementor простым способом

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

Как настроить анкорные ссылки Elementor простым способом

Как добавить ссылку Anchor Elementor на другую страницу

Якорная ссылка — это ссылка, которая ведет к определенному месту на одной странице. Он содержит URL-адрес самой страницы, а также привязку к определенной части. Вы можете создать столько якорных ссылок Elementor, которые ведут к определенной части одной страницы, сколько хотите, и вы можете делать это на каждой странице.

Вы также можете увидеть якорные ссылки на этой странице, мы добавили якорный элемент меню, чтобы создать оглавление в начале. Однако, хотя это наиболее распространенное применение якорных ссылок, мы можем использовать их и на других страницах. Например, если мы пишем текст и хотим связать его с определенной частью на другой странице, нам нужно создать привязку к той части, на которую мы хотим сделать ссылку, как мы описали выше. Итак, когда мы используем анкорные ссылки Elementor, вместо ссылки на нужную страницу мы ставим более конкретную ссылку — URL-ссылку с анкором (#anchor), которая переходит на определенную часть страницы.

Как настроить анкорные ссылки Elementor простым способом

Не будем забывать, что элемент Menu Anchor Elementor также используется для создания одностраничных веб-сайтов WordPress. Итак, если вы не были уверены, для чего можно использовать этот элемент, теперь у вас есть вся необходимая информация для создания отличного веб-сайта.

В заключение

Эта простая и элегантная функция не только упрощает навигацию по вашей веб-странице, вы также можете использовать эту функцию, чтобы направлять своих посетителей туда, куда вы хотите, чтобы они направлялись, например, в раздел подписки на информационный бюллетень, в магазин или на карту вашего помещения. С Elementor настройка якорных ссылок наглядна и проста. Если вы предпочитаете или привыкли к некоторым другим редакторам WP, не волнуйтесь, якорные ссылки легко добавить и в любом другом редакторе.

Источник записи: wpklik.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее