• 0k
  • 0
Веб-дизайн \ 28 Июль 2014

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

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

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

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

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

Использование якорных ссылок в редакторе Wix

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

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

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

Добавление якоря в редакторе Wix

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

Добавление якорной ссылки в редакторе Wix

Примеры Wix-сайтов, которые используют якорные ссылки

Подумываете, как можно использовать якорные ссылки на вашем сайте? Эти примеры Wix-сайтов могут подать вам пару идей:

Smart Home >>

Сайт компании «Умный дом»

 

Travel Map >>

Illusium >>

OngDesign >>

WebKiss >>

 

Sajed Art >>

 

Ну вот и все.  Поднять якоря!

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


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email