Редактор Wix Harmony: использование гамбургер-меню
7 мин.
Эта статья относится к новому редактору Wix Harmony, выпущенному в январе 2026 года. Если вы не уверены, используете ли вы редактор Wix Harmony или редактор Wix, подробнее об этом здесь.
Гамбургер-меню — это аккуратное и компактное решение, которое появляется только тогда, когда посетители нажимают на значок меню.
У вас есть полный контроль над элементами дизайна гамбургер-меню, что позволяет адаптировать его под ваш брендинг и стиль.
Добавление гамбургер-меню
Есть 2 простых способа добавить гамбургер-меню на сайт. Вы можете добавить совершенно новое гамбургер-меню из панели «Добавить элементы» или быстро переключить существующее меню на стиль гамбургера прямо из панели действий.
Добавление меню-гамбургера:
- Перейдите в редактор.
- Выберите следующее действие:
Добавление нового гамбургер-меню
рядом с рубриками, чтобы просмотреть список.Изменение существующего макета на гамбургер
Интересный факт
Когда вы добавляете горизонтальное или вертикальное меню в хедер на компьютере, оно автоматически становится гамбургер-меню в смартфоне. Это гарантирует, что посетители смогут получить доступ к вашему меню со всех устройств.
Настройка кнопки открытия меню
Кнопка гамбургер-меню — это ключевая часть навигации сайта, и вы легко можете оформить ее в своем стиле. Настройте значок и текст так, чтобы они передавали именно то, что вы хотите, а затем доработайте детали дизайна — вплоть до цветов, интервалов и анимации.
Чтобы настроить кнопку «Открыть»:
- Перейдите в редактор.
- Нажмите на значок меню.
- Выберите способ настройки кнопки:
Замена значка
в разделе Выберите значок.Настройка текста кнопки
на панели действий.Дизайн кнопки
на панели действий.Настройка контейнера меню-гамбургера
Когда посетители нажимают на значок меню, меню сайта открывается в просторном контейнере с оверлеем, что делает его удобным для чтения. Здесь достаточно места для персонализации: настройте цвета контейнера, меню и оверлея, а также добавьте другие элементы, например логотип или панель соцсетей.
Чтобы настроить контейнер меню-гамбургера:
- Перейдите в редактор.
- Перейдите к контейнеру:
- Нажмите на значок меню.
- Нажмите на выпадающий список Обычный и выберите Меню-гамбургер.
- Выберите следующее действие:
Дизайн контейнера
: измените цвет фона контейнера и цвет оверлея, выбрав один из цветов бренда или пользовательский цвет.
: определите границы контейнера, чтобы он выделялся, выбрав цвет, ширину и стиль. Нажмите на значок Редактировать отдельные границы 
, чтобы настроить дизайн каждой стороны границы.
: сделайте углы контейнера более квадратными или округлыми, перетаскивая ползунок в разделе Радиус. Нажмите на значок Редактировать отдельные углы 
, чтобы настроить каждый угол отдельно.
: примените внутреннюю и внешнюю тень, чтобы придать контейнеру интересный 3D-эффект, задав положение, размытие, цвет и многое другое.
: добавьте свободного пространства контенту, настроив отступы вокруг контейнера.
: решите, где все должно быть расположено — кнопка закрытия, меню внутри контейнера и контейнер по отношению к странице. Вы сами выбираете, сколько места занимает контейнер (например, треть страницы, полстраницы и т. д.).Управление и дизайн меню
Добавление элементов в контейнер
Закончили редактирование?
Нажмите Готово рядом с надписью Редактирование: Меню-гамбургер на плавающей панели, чтобы вернуться на страницу.
Настройка кнопки закрытия меню
Настройте кнопку, которую посетители нажимают, чтобы закрыть гамбургер-меню. Замените значок, добавьте полезный текст (например, «Выход») и оформите ее по своему вкусу.
Чтобы настроить кнопку «Закрыть»:
- Перейдите в редактор.
- Перейдите к кнопке «Закрыть»:
- Выберите значок меню.
- Нажмите на выпадающий список Обычный и выберите Меню-гамбургер.
- Нажмите на кнопку «Закрыть».
- Выберите следующее действие на панели действий:
Добавление текста к иконке
Настройка иконки
Дизайн кнопки «Закрыть»
Закончили редактирование?
Нажмите Готово рядом с надписью Редактирование: Меню-гамбургер на плавающей панели, чтобы вернуться на страницу.