top of page

Бросаем якорь: как сделать навигацию по сайту удобной



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


Почему это удобно


Если вы часто пользуетесь интернетом, вы скорее всего уже сталкивались с простой навигацией, которую обеспечивают якорные ссылки на сайтах с длинной прокруткой, как например, Pinterest или Flickr.


На сайте с якорными ссылками не нужно тратить время на прокрутку страницы вниз или на переходы по страницам, чтобы найти необходимую информацию. Достаточно кликнуть раз по якорной ссылке, и вы сразу попадете именно туда, куда вам нужно: к началу страницы, вниз, или на другую страницу. Эта функция особенно удобна для навигации и перемещения по «длинным» страницам, а также для создания кнопки «Наверх».


Как сделать якорную ссылку в редакторе Wix


Чтобы добавить якорную ссылку на сайт, нужно выполнить два простых шага: Для начала надо «бросить якорь», то есть — отметить место назначения, куда посетитель сайта должен попасть, нажав на ссылку. Затем нужно добавить ссылку к отправной точке, откуда пользователь «отправится» к предназначенному якорю. Кажется сложным? В редакторе Wix это можно сделать за пару кликов:


  • Откройте редактор и нажмите Добавить в меню.

  • Нажмите Кнопки и меню и выберите опцию Якорь.

  • В настройках «Якоря» укажите имя якоря в зависимости от его положения на странице.

  • Перетащите якорь на место, куда он должен вести.

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

  • Кликните на элемент, который вы хотите связать с якорем и нажмите Ссылка на.

  • Выберите вариант Якорь, а затем укажите, какой именно якорь вы хотите использовать.


У вас еще нет своего сайта? Самое время его создать: просто выберите один из наших бесплатных шаблонов и начинайте творить!

ru03n.png
bottom of page