Центр поддержки Wix
    Главная
  1. Создание сайта
  2. Редактор Wix
  3. Управление страницами и меню
  4. Меню
    5. Редактор Wix: Как создать боковое меню?

Редактор Wix: Как создать боковое меню?

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

Чтобы создать боковое меню:

  1. Удалите существующее меню с сайта.
  2. Нажмите Добавить элементы в левой части редактора.
  3. Выберите Интерактив.
  4. Выберите боковой промобокс, как например в секции Подписка (на изображении ниже):
  1. Нажмите на промобокс, а затем нажмите на значок Настройки .
    1. Измените название промобокса на что-нибудь узнаваемое, например, «Боковое меню».
    2. Выберите Нет в разделе Показывать автоматически?
  1. Удалите все элементы внутри промобокса. Не удаляйте значок «X».
  2. Добавьте вертикальное меню в промобокс.
  3. Настройте дизайн меню. Мы рекомендуем использовать в меню крупные шрифты с центрированием.
Совет
Настройте фон промобокса и слой, чтобы они соответствовали стилю вашего сайта. Вы даже можете сделать фон частично прозрачным, чтобы усилить визуальный эффект.
  1. Нажмите Меню и страницы в левой части редактора и выберите страницу, на которой вы хотите разместить кнопку меню.
  2. Добавьте форму для кнопки меню:
    1. Нажмите Добавить элементы в левой части редактора.
    2. Нажмите Оформление.
    3. Перейдите во вкладку Основные фигуры.
    4. Нажмите Больше основных фигур.
    5. Введите «меню» в строку поиска и нажмите клавишу Enter.
    6. Выберите дизайн кнопки меню и нажмите Добавить на сайт.
    7. Нажмите на значок Дизайн , чтобы настроить дизайн кнопки меню.
Совет
Вы также можете создать собственную кнопку меню. Это может быть текстовая кнопка, кнопка со значком или форма на ваше усмотрение. См. несколько примеров ниже:
  1. Разместите кнопку меню на видном месте, например, в хедере. Также вы можете использовать функцию Прикрепить к экрану, чтобы закрепить кнопку в верхней части сайта. Если кнопка меню не в хедере, убедитесь, что вы настроили ее отображение на всех страницах.
  2. Выберите кнопку меню и нажмите Добавить ссылку . Нажмите Промобокс, выберите его в раскрывающемся меню и нажмите Сохранить.
  1. Просмотрите сайт в режиме предпросмотра, чтобы увидеть промобокс в действии.
  2. Перейдите в мобильный редактор.
  3. Нажмите на кнопку меню, которая связана с промобоксом, и нажмите на значок Скрыть
                                                     
Важно
Убедитесь, что ваш промобокс с меню не доступен для перехода ни с каких кнопок или ссылок на мобильном сайте. Вам следует использовать обычное мобильное меню, которое также настроено в виде бокового меню. 

Была ли статья полезна?

|