Редактор Wix Harmony: использование гамбургер-меню

1. Нажмите + Добавить в левом верхнем углу редактора.

2. Выберите Элементы.

3. Нажмите значок Меню и поиск слева.

4. Откройте вкладку Гамбургер-меню.

5. Перетащите нужное меню в желаемое место на странице.

1. Нажмите нужное меню.

2. Нажмите Изменить макет на панели действий.

3. Выберите Гамбургер-меню в разделе Меню.

4. 

1. Нажмите Настроить значок меню на панели действий.

2. Выберите тип значка: Статичный или Анимированный.
   Совет: нажмите Создать новый анимированный значок, чтобы создать собственный значок, используя начальный и конечный значки.

3. Нажмите значок Заменить в разделе Выберите значок.

4. Выберите новый значок в Медиаменеджере и нажмите Обновить.

5. Для анимированных значков задайте длительность анимации.

   

1. Нажмите значок Настройки на панели действий.
2. Выберите дальнейшее действие:
   • Введите текст, который будет отображаться рядом со значком на кнопке, например «Меню» или «Открыть».
   • Замените значок, на который посетители нажимают, чтобы открыть меню.
   • Добавьте доступное имя (Alt-текст), которое описывает значок для поисковых систем и программ чтения с экрана.

1. Нажмите значок Все параметры дизайна на панели действий.

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

   • Кнопка открытия: Настройте дизайн всей кнопки: цвет заливки, границу, углы, тень, интервалы, выравнивание и другие параметры.

   • Текст: настройте дизайн и форматирование текста, который отображается рядом со значком на кнопке бургер-меню.

   • Анимированный значок: измените цвет, размер и угол поворота значка.

Настройте контейнер, в котором находится меню. Измените цвет фона, добавьте границы, переместите меню и многое другое.

1. Нажмите значок Все параметры дизайна на панели действий.

2. Убедитесь, что в разделе Выберите, что настроить выбран вариант Меню-гамбургер.

3. Настройте дизайн контейнера:

   • Цвета заливки : измените цвет фона контейнера и цвет наложения, выбрав фирменный или пользовательский цвет.
     Совет: наложение — это полупрозрачный слой, который размывает страницу и помогает посетителям сосредоточиться на меню.

   • Граница : настройте границы контейнера, чтобы выделить его. Выберите цвет, ширину и стиль. Нажмите значок Настроить отдельные границы , чтобы настроить каждую сторону границы.

   • Углы : сделайте углы контейнера более прямыми или скругленными, перетаскивая ползунок в разделе Радиус. Нажмите значок Настроить отдельные углы , чтобы настроить каждый угол отдельно.

   • Тень : примените внутреннюю и внешнюю тень, чтобы придать контейнеру интересный 3D-эффект. Настройте положение, размытие, цвет и другие параметры.

   • Интервал : добавьте свободное пространство вокруг содержимого, настроив отступы контейнера.

   • Макет : выберите расположение всех элементов: кнопки закрытия, меню внутри контейнера и самого контейнера относительно страницы. Также выберите, сколько места будет занимать контейнер, например треть или половину страницы.

1. Нажмите меню.

2. Выберите, что сделать дальше:

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

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

1. Нажмите Редактировать текст на панели действий.
2. Введите текст, который должен отображаться рядом со значком (например, «Выйти» или «Закрыть»).

1. Нажмите Настроить значок на панели действий.

2. Выберите тип значка: Статичный или Анимированный.
   Совет: нажмите Создать новый анимированный значок, чтобы создать собственный значок, указав начальный и конечный варианты.

3. Нажмите значок Заменить в разделе Выберите значок.

4. Выберите новый значок в Медиаменеджере и нажмите Обновить.

5. Для анимированных значков задайте длительность анимации.

1. Нажмите значок Все параметры дизайна  на панели действий.

2. Выберите нужную часть элемента в разделе Выберите, что оформить:

   • Кнопка «Закрыть»: настройте дизайн всей кнопки: цвет заливки, границу, углы, тень, интервалы, выравнивание и другие параметры. Если кнопка содержит и значок, и текст, можно также настроить их расположение.

   • Значок: измените размер, цвет и угол наклона значка.

   • Текст: настройте дизайн текста рядом со значком. Измените шрифт, форматирование, выравнивание, межбуквенный интервал и другие параметры.