Лайфхаки 14.09.2017 0 641
Создание «якорных» (anchor) ссылок по ID Блока

Создание «якорных» (anchor) ссылок по ID Блока

«Якорь» (anchor) — полезный функционал на сайте как для пользователя, так и для контекстной рекламы «якорь» позволит «переносить» посетителя сайта в нужную часть страницы (например, к текстовым блокам, видео и галерее, форме обратной связи и т. д.). Самая востребованная функция «якорь» для Лэндингов с большим числом прокруток, т. к. якоря значительно упростят навигацию по сайту и повысят его юзабилити.

В конструкторе uKit есть ограничения, якорную ссылку можно установить только к виджету «Заголовок»  у нас есть Лайфхак по решению этой проблемы.  

 

Если Вам нужно сделать якорную ссылку без виджета «заголовок», а просто к определённому блоку, нам нужно указать внешние ссылки по ID блока.

 

Чтобы установить «якорь» на какой-либо блок страницы нужно : получить ID блока, посмотреть ID блока мы можем на сайте через «инспектор кода в консоли браузера» (скриншот)

Далее, нам нужно написать ссылку — mysite.ru/#id блока (пример: mysite.ru/#ul-id-0-94) и указать в нужном нам месте эту якорную ссылку, устанавливаем ссылку в пункт внешняя и выключаем ползунок «открыть в новом окне» (скриншот)

Таким же образом Вы можете указать свои якоря в пунктах меню (скриншот)

 

Важно: если Вы указываете внешние ссылки по ID блоку, то нужно вначале прикрепить домен к сайту и к этому домену ставить ID блоков, если Вы укажите ссылки с техническим доменом (пример: mysite.ukit.me) и после этого прикрепите свой домен к сайту, то плавный скроллинг к якорным ссылкам работать не будет.

Всего комментариев: 0
avatar