Редактор Studio: добавление и управление новыми меню
7 мин. чтения
Добавьте меню, чтобы посетители могли перемещаться по сайту и находить нужную информацию. Вы можете выбрать тип и пункты меню, а также создать выпадающие списки для отображения пользовательского контента.
Важно:
Эта статья относится к новому компоненту меню в редакторе Studio, который еще доступен не всем пользователям. Инструкции по добавлению предыдущих версий меню и управлению ими см. здесь.
Содержание:
Добавление меню
Добавьте меню на сайт, чтобы начать. Мы рекомендуем добавлять меню в хедер сайта, но вы можете добавить столько, сколько вам нужно для ваших клиентов и их бизнеса.
После добавления меню выберите пункты, которые вы хотите отобразить.
Чтобы добавить меню:
- Нажмите Добавить элементы
слева в редакторе.
- Выберите Меню и поиск.
- Выберите нужный тип (горизонтальный, вертикальный или гамбургер-меню).
- Нажмите и перетащите меню в нужное место на странице.
- Добавьте пункты в новое меню:
- Выберите только что добавленное меню.
- Нажмите Управлять меню.
- Нажмите + Добавить пункт в нижней части панели.
- Выберите пункт, который хотите добавить:
- Основные страницы: добавьте в обычную страницу сайта в меню.
- Динамические страницы и страницы приложений: добавьте страницы из приложений (например, страницу товара Wix Stores) или страницы, подключенные к коллекциям в CMS.
- Ссылка: вы можете добавить в меню различные виды ссылок, такие как, ссылки на другие веб-сайты, якоря на страницах сайта, контактные данные вашего клиента и т. д.
- Выпадающий список: добавьте контейнер, который будет появляться под меню при наведении курсора на пункт. Вы можете настроить его по своему усмотрению и использовать для отображения пунктов меню и контента.

Управление меню на сайте
Вы всегда можете настроить существующее меню и отображаемые в нем пункты. Добавьте больше пунктов, удалите ненужные или измените порядок, чтобы контент оставался актуальным.
Чтобы управлять меню:
- Выберите соответствующее меню в редакторе.
- Нажмите Управлять меню.
- Выберите, что сделать дальше:
Добавьте больше пунктов меню
Измените ссылку на пункт меню
Переименуйте пункт меню
Уберите / удалите пункт
Измените порядок пунктов меню

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

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

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