Редактор Wix: Как создать боковое меню?
4 мин. чтения
Вы можете использовать промобокс, чтобы создать оригинальное боковое меню.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/09/19/c437bea9-4d22-4d97-b701-a1597542ee96.gif)
Чтобы создать боковое меню:
- Удалите существующее меню с сайта.
- Нажмите Добавить элементы
в левой части редактора.
- Выберите Интерактив.
- Выберите боковой промобокс, как например в секции Подписка (на изображении ниже):
- Нажмите на промобокс, а затем нажмите на значок Настройки
.
- Измените название промобокса на что-нибудь узнаваемое, например, «Боковое меню».
- Выберите Нет в разделе Показывать автоматически?
- Удалите все элементы внутри промобокса. Не удаляйте значок «X».
- Добавьте вертикальное меню в промобокс.
- Настройте дизайн меню. Мы рекомендуем использовать в меню крупные шрифты с центрированием.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/11/7443ccda-bca9-4b30-b75c-2b0dfbea5e87/4b1e976e-2914-40c3-aa62-12119d7887a0.png)
Совет
Настройте фон промобокса и слой, чтобы они соответствовали стилю вашего сайта. Вы даже можете сделать фон частично прозрачным, чтобы усилить визуальный эффект.
- Нажмите Меню и страницы
в левой части редактора и выберите страницу, на которой вы хотите разместить кнопку меню.
- Добавьте форму для кнопки меню:
- Нажмите Добавить элементы
в левой части редактора.
- Нажмите Оформление.
- Перейдите во вкладку Основные фигуры.
- Нажмите Больше основных фигур.
- Введите «меню» в строку поиска и нажмите клавишу Enter.
- Выберите дизайн кнопки меню и нажмите Добавить на сайт.
- Нажмите на значок Дизайн
, чтобы настроить дизайн кнопки меню.
- Нажмите Добавить элементы
Совет
Вы также можете создать собственную кнопку меню. Это может быть текстовая кнопка, кнопка со значком или форма на ваше усмотрение. См. несколько примеров ниже:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/c4caa6b0-307c-448e-9c97-684e3c86b6e0.png)
- Разместите кнопку меню на видном месте, например, в хедере. Также вы можете использовать функцию Прикрепить к экрану, чтобы закрепить кнопку в верхней части сайта. Если кнопка меню не в хедере, убедитесь, что вы настроили ее отображение на всех страницах.
- Выберите кнопку меню и нажмите Добавить ссылку
. Нажмите Промобокс, выберите его в раскрывающемся меню и нажмите Сохранить.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/11/af71f9cb-a9bd-4dcd-b88c-5fc38ce884ce/b6ddcefb-6873-42a8-8ae2-d869a7815193.png)
- Просмотрите сайт в режиме предпросмотра, чтобы увидеть промобокс в действии.
- Перейдите в мобильный редактор.
- Нажмите на кнопку меню, которая связана с промобоксом, и нажмите на значок Скрыть
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8e662bac-0b92-4908-8387-43e27fd0496e/2022/11/11/4aa3b67f-dc93-4be3-9e77-b23b1cb3b0cb/aad84e61-d6b8-4180-a149-3f1861ccbba7.png)
Важно
Убедитесь, что ваш промобокс с меню не доступен для перехода ни с каких кнопок или ссылок на мобильном сайте. Вам следует использовать обычное мобильное меню, которое также настроено в виде бокового меню.
Была ли статья полезна?
|