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

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

Важно:

Эта статья относится к новому компоненту меню в редакторе Studio, который еще доступен не всем пользователям. Инструкции по добавлению предыдущих версий меню и управлению ими см. здесь.

Содержание:

Добавьте меню на сайт, чтобы начать. Мы рекомендуем добавлять меню в хедер сайта, но вы можете добавить столько, сколько вам нужно для ваших клиентов и их бизнеса.

После добавления меню выберите пункты, которые вы хотите отобразить.

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

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

Открыта панель добавления пунктов. Курсор добавляет горизонтальное меню на сайт.

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

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

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

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

Добавьте больше пунктов меню

Измените ссылку на пункт меню

Переименуйте пункт меню

Уберите / удалите пункт

Измените порядок пунктов меню

Открыта панель управления меню. Курсор нажимает, чтобы переименовать элемент.

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

Создать выпадающие списки можно двумя способами, в зависимости от того, какое название вы хотите им присвоить:

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

Чтобы добавить и настроить выпадающий список:

Выберите соответствующее меню в редакторе.
Нажмите Управлять меню.
Выберите, что вы хотите сделать:
- Использовать существующий пункт меню:
  1. Перетащите пункт меню, чтобы переместить его под элемент, который вы хотите использовать в качестве заголовка выпадающего списка.
  2. Наведите курсор на этот же элемент и нажмите значок Другие действия .
  3. Выберите Переместить в «Название страницы».
  4. Повторите шаги a - c для всех остальных элементов.
- Создайте новый выпадающий список:
  1. Нажмите + Добавить пункт.
  2. Выберите Выпадающий список.
  3. Введите название для выпадающего списка.
  4. Нажмите клавишу Enter на клавиатуре, чтобы сохранить изменения.
  5. Перетащите пункты меню под выпадающий список, чтобы добавить их.
  6. Повторите шаг e для всех остальных пунктов, которые вы хотите добавить.

В панели управления создан выпадающий список. Под него перетаскивается пункт меню.

Используйте настройки макета, чтобы выбрать нужный тип меню - панель навигации или гамбургер-меню.

Чтобы настроить макет:

Нажмите на меню в редакторе.
Нажмите на значок Макет .
Выберите тип меню:
- Панель навигации: пункты меню отображаются в виде панели.
  - Ориентация: выберите между горизонтальным и вертикальным вариантом расположения панели.
- Гамбургер-меню: отображается значок. Меню открывается, когда посетители сайта нажимают на значок.

Панель макета меню. Курсор выбрал панель навигации.

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

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

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

Выберите, какое меню будет отображаться на странице

Сохраните новое меню

Отображаете один и тот же пункт в нескольких меню?

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

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