Кнопки навигации по странице сайта (+видео)

Словарь

Кнопки навигации «Вверх/вниз» - кнопки для быстрого перемещения по странице сайта (в шапку сайта, в подвал, к месту предыдущего просмотра).

Ссылка — позволяет перенаправлять нажавшего на нее пользователя на другой интернет-ресурс или на закачку файла.

Назначение

Кнопки предназначены для быстрого перехода при нажатии в шапку сайта, подвал сайта и к месту предыдущего просмотра сайта в пределах одной страницы. Также можно задать ссылку для средней кнопки, которая будет перенаправлять на страницу сайта или другой интернет-ресурс.

Работа с кнопками

Для начала работы с кнопками навигации необходимо ее включить  в структуре сайта. В верхнем меню редактирования пройдем по ссылке «Редактировать структуру сайта» (Рисунок 1).

В структуре сайта ставим галочку в пункте «Включить кнопки «В начало/В конец страницы». Также надо настроить следующие пункты:

  • Ссылка дополнительной кнопки – ссылка на раздел сайта или интернет-ресурс, куда будет переходить пользователь при нажатии на кнопку. Если оставить данное поле пустым, то кнопка не будет выводиться. Также кнопка скроется при переходе в тот раздел сайта, куда ссылается.
  • Всплывающая подсказка «В начало» — подсказка, которая будет появляться при наведении мышки на кнопку со стрелкой вверх.
  • Всплывающая подсказка «В конец» — подсказка, которая будет появляться при наведении мышки на кнопку со стрелкой вниз.
  • Всплывающая подсказка кнопки «Вернуться где были» — подсказка, которая будет появляться при наведении мышки на кнопку со стрелкой вниз с «табуреткой» под ней.
  • Всплывающая подсказка дополнительной кнопки — подсказка, которая будет появляться при наведении мышки на дополнительную кнопку со значком соединенных звеньев цепи.

Структура сайта. Редактирование кнопок навигации

Рисунок 1 — Структура сайта. Редактирование кнопок навигации

Теперь на сайте появятся кнопки для быстрого перемещения по странице сайта, а также для перехода на нужный раздел сайта (Рисунок 2).

Кнопки навигации

Рисунок 2 — Кнопки навигации

При переходе на страницу сайта, куда ведет ссылка, дополнительная кнопка исчезает (Рисунок 3).

Раздел сайта, куда ведет ссылка дополнительной кнопки

Рисунок 3 - Раздел сайта, куда ведет ссылка дополнительной кнопки

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

Варианты использования кнопок

Кнопки навигации полезно использовать на сайте, так как:

  • Кнопки помогают быстро возвращаться в шапку сайта, в место предыдущего просмотра, а также в подвал сайта. С помощью дополнительной кнопки мы можем направить пользователя в нужный раздел сайта. Например, на заполнение заявки или на страницу с описанием самой выгодной акции;

Использование принципа быстрого перемещения по странице давно используется на самых знаменитых и популярных сайтах, среди них социальная сеть «ВКонтакте», интернет-портал любителей кино «Кинопоиск», а также интернет-магазин «dx.com».

Вернуться к разделу