Редактор Studio: добавление и управление меню

6 мин. чтения
Добавьте меню, чтобы помочь посетителям ориентироваться на сайте. Эти меню полностью настраиваются, отображая любую ссылку, которую пожелает ваш клиент: на страницы сайта, внешние веб-сайты или даже на номер телефона. 
Важная информация:
Эта статья относится к старому потоку меню. Недавно мы начали выпуска нового компонента меню, который влияет на горизонтальное, вертикальное меню и гамбургер-меню. Инструкции по добавлению и настройке новых меню см. здесь.
Содержание:

Добавление меню

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

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

  1. Нажмите Добавить элементы  в левой части редактора.
  2. Нажмите Меню и поиск
  3. Перетащите дизайн соответствующего меню на страницу:
    • Горизонтальные меню: эти расширенные меню предлагают множество уникальных параметров настройки. Вы можете настроить эти меню, настроив макет и дизайн каждой области. 
    • Вертикальные меню: вертикально расположенные меню, которые отлично смотрятся с правой или левой стороны сайта.
    • Якорные меню: плавающее вертикальное меню, в котором отображаются якорные ссылки. Это помогает посетителям перемещаться между различными разделами страницы, особенно если это длинная страница или одностраничный сайт.
    • Гамбургер-менюминималистичные, компактные меню, в которых пункты меню отображаются только тогда, когда посетители нажимают на значок меню. Меню имеет открытое и закрытое состояние.
  4. Добавьте пункты в новое меню:
    1. Выберите только что добавленное меню. 
    2. Нажмите Управлять меню.
    3. Нажмите + Добавить пункт внизу.
    4. Выберите пункт, который хотите добавить: 
      • Основные страницы
      • Динамические страницы и страницы приложений
      • Ссылка: вы можете добавлять в меню различные виды ссылок. Добавляйте ссылки на другие сайты, якоря на этом сайте, контактные данные ваших клиентов и т. д. 
      • Заголовок подменю: добавляет в меню некликабельный заголовок, под которым вы можете добавлять страницы в подменю. 
      • Выпадающее менюэто полноэкранный контейнер, который появляется под меню при наведении курсора на элемент. Вы можете настроить этот контейнер для отображения любого контента.
Нажатие кнопки Управлять меню, чтобы добавить дополнительные пункты в существующее меню
Ищете страницы, связанные с приложениями Wix?
Добавьте в меню новую Ссылку и выберите На страницу слева. Нажав на выпадающий список, вы увидите список всех страниц, связанных с приложениями Wix (например, Wix Stores, Wix Bookings). 
Добавление страницы, связанной с Wix Stores, в меню редактора Studio

Управление существующим меню

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

Чтобы управлять меню:

  1. Выберите соответствующее меню в редакторе. 
  2. Нажмите Управлять меню.
  3. Выберите, что сделать дальше:
Панель управления меню в редакторе Studio и параметры, которые отображаются для управления пунктом меню

Создание выпадающих подменю

Создать новое подменю можно двумя способами, в зависимости от того, какое название вы хотите ему присвоить:
  • Существующий пункт меню:  выберите существующий пункт (страницу или ссылку) из меню, чтобы отобразить подменю при наведении на него курсора. 
  • Некликабельный заголовок: добавьте Заголовок подменю, который не ведет ни на одну страницу. Посетители наводят на него курсор, чтобы увидеть подменю. 

Чтобы переместить пункты в новое подменю:

  1. Выберите соответствующее меню в редакторе. 
  2. Нажмите Управлять меню.
  3. (Необязательно) Добавьте некликабельный заголовок подменю:
    1. Нажмите + Добавить пункт.
    2. Выберите Заголовок подменю.
    3. Введите новое название для подменю. 
    4. Нажмите клавишу Enter на клавиатуре, чтобы сохранить изменения.
  4. Переместить пункты меню в подменю:
    1. Перетащите пункт меню, чтобы переместить его под заголовок подменю.
      Совет: заголовок подменю — это либо другой пункт меню, либо добавленный вами некликабельный заголовок.
    2. Наведите курсор на тот же пункт и нажмите значок Другие действия 
    3. Выберите Переместить в «Название страницы».
    4. Повторите шаги а – с для всех других пунктов подменю.
Перемещение страницы в новое подменю с кликабельным заголовком (другая страница сайта)

Отображение нескольких меню на одном сайте

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

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

|