Editor X: добавление и использование якорей

3 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Добавьте якорь к любому элементу, чтобы вы могли добавить на него ссылку. Вы можете использовать якоря двумя способами:
  • Связывайте элементы с ними: связывайте элементы, такие как кнопки или пункты меню, с якорями. Это означает, что вместо того, чтобы размещать всю информацию в одном месте, вы можете направлять посетителей в разные позиции на своем сайте с дополнительной информацией.
  • Отобразите их в якорном меню: покажите все свои якоря в эффектном плавающем якорном меню, чтобы посетители могли перемещаться по вашему сайту.

Узнайте как:

  • Добавить якорь
  • Добавить якорное меню
  • Ссылка на якорь
  • Использовать якоря на различных размерах экрана

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

Добавьте якорь к любому элементу на вашем сайте, включая секции страниц, контейнеры и фото. После того, как вы добавили якорь, дайте ему имя, чтобы вы могли легко распознать его, когда захотите добавить ведущую на него ссылку.

Чтобы добавить якорь:

  1. Нажмите на элемент, к которому хотите добавить якорь.
  2. Нажмите на раздел Якорь в Инспекторе в правой части редактора.
  3. Включите переключатель Добавить якорь.
  4. Введите название якоря.
Невозможно добавить якорь к Образцам или элементы, прикрепленным к Образцам.

Добавление якорного меню

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

Совет:
Якорные меню особенно полезны на одностраничных сайтах, которые бывают очень длинными и состоят из нескольких секций.

Чтобы добавить якорное меню:

  1. Нажмите Добавить в верхней части Editor X.
  2. Нажмите Меню.
  3. Нажмите Якорные меню.
  4. Нажмите на меню, чтобы добавить его, или перетащите в нужное место на сайте.

Ссылка на якорь

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

Чтобы связать элемент с якорем:

  1. Нажмите на элемент, который должен вести на якорь.
  2. Нажмите значок Ссылка .
  3. Нажмите Якорь.
  4. Нажмите на выпадающее меню Выберите страницу и нажмите на страницу, где расположен якорь.
  5. Нажмите на выпадающий список Какой якорь на этой странице? и выберите соответствующий якорь.
  6. Нажмите Сохранить.

Использование якорей с различными размерами экрана

При разработке сайта необходимо помнить, что ваши элементы могут находиться в разных позициях на разных размерах экрана. Это может повлиять на ссылки на якоря, поскольку они могут не направлять посетителей в одно и то же место вашего сайта на всех размерах экрана.
Элемент может быть связан только с одним якорем на всех размерах экрана. Это означает, что если кнопка связана с якорем 1, она должна быть связана с якорем 1 на всех размерах экрана. Вы не можете удалить ссылку на якорь только на одном размере экрана.
Зайдите в превью своего сайта:
Проверьте все ссылки на якоря на каждом экране, чтобы убедиться, что они работают именно так, как вы хотите.

Была ли статья полезна?

|