Как ставить якорь на сайте для меню

Дата публикации: 19-02-2016       18185
Из статьи вы узнаете, как ставить якорь на одностраничном сайте правильно. В другой статье мы рассказывали, почему появляется 404 ошибка на сайте
 
Установка якоря - функция, позволяющая настроить кнопку так, чтобы при нажатии на нее страница пролистывалась до отмеченного якорем места. У каждого блока на странице вашего сайта есть якорь - идентификационный код, по которому его можно будет найти.
 
Такое меню значительно упросит навигацию для ваших клиентов. Клиенты, нажимая на разделы меню (якоря) смогут перемещаться по одностраничнику.

Как поставить якоря в меню на одностраничном сайте

Инструкция:
  1. Перейдите в Проекты
  2. Зайдите в редактор одностраничного сайта. (Для примера берем не одностраничный сайт, но ход действий такой же).


     
  3. Нажмите на меню и заполните пункты меню, добавив названия разделов, по которым вы хотите, чтобы перемещался клиент на странице. Например, Главная, Преимущества, О Компании, Контакты. 


     

Далее нужно скопировать анкоры выбранных блоков и вставить их в меню. Это делается так:

  1. Найдите блок на своей странице, например, Преимущества. Нажмите Настройки блока.


     
  2. Прокрутите настройки вниз и скопируйте в поле Якорь блока название анкора, например" anchor2".


     
  3. Вернитесь к меню вверху страницы, нажмите на него и выберите пункт меню, куда хотите вставить данный якорь. 


     
  4. Вставьте скопированное название анкора в поле Ссылка или якорь. Вставьте # перед названием.

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

Ищут также:
  • Если я на своем сайте нахожусь на странице со статьями, например, то нажав на любой из пунктов меню - ничего не происходит. А можно сделать так, чтобы перекидывало на якорь? Открывалась бы главная и позиционировало куда положено. Или тут только через главную выходить? - Можно. Нужно поставить перед # знак "/".

Рассказать друзьям:

Cделайте первый шаг

Выберите готовый шаблон из более 1700+ бесплатных и премиум вариантов.

ШАБЛОНЫ САЙТОВ