Центр поддержки Wix
    Главная
  1. Создание сайта
  2. Editor X
  3. Создание сайта в Editor X
    4. Editor X: использование горизонтальных меню со стилем

Editor X: использование горизонтальных меню со стилем

5 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Горизонтальные меню со стилем - это расширенный элемент меню, предлагаемый Editor X, с множеством уникальных параметров настройки. Вы можете настроить это меню в соответствии со своими потребностями, настроив макет и дизайн каждой области.
Пример горизонтального меню со стилем на сайте Editor X
Содержание:

Добавление горизонтального меню cо стилем

Выберите горизонтальное меню со стилем, которое вам понравится больше всего. Вы можете персонализировать дизайн, чтобы сделать его более точным в соответствии с остальным сайтом, и выбрать, какое меню отображать в этом элементе - это может быть существующее меню, отображаемое в другом месте на вашем сайте, или настраиваемое только для этого контекста. 

Чтобы добавить горизонтальное меню со стилем:

  1. Нажмите Добавить в верхней части Editor X.
  2. Нажмите Меню и поиск.
  3. Нажмите Горизонтальные меню со стилем.
  4. Перетащите нужное меню в подходящее место на странице.
  5. (Необязательно) Создайте новое меню с собственными страницами:
    1. Нажмите Управлять меню.
    2. Нажмите на раскрывающееся меню в разделе Какое меню показать?
    3. Нажмите Управлять меню сайта.
    4. Нажмите + Добавить новое меню внизу, чтобы создать собственное меню. 
Добавление стилизованного горизонтального меню из панели Добавить в Editor X

Настройка дизайна горизонтального меню cо стилем

В панели инспектора вы можете настроить дизайн каждой части горизонтального меню со стилем - контейнера меню / подменю, а также элементов меню / подменю.

Чтобы настроить дизайн меню:

  1. Нажмите на горизонтальное меню со стилем.
  2. Нажмите на значок Инспектора в верхней части Editor X.
  3. Перейдите во вкладку Дизайн .
  4. Выберите вариант в разделе Дизайн чего вы хотите настроить?:
    • Контейнер меню
    • Пункты меню
    • Контейнер подменю
    • Пункты подменю
  5. Используйте доступные параметры для настройки дизайна. Вы можете:
    • Добавьте слои фоновой заливки и настройте прозрачность каждого слоя.
    • Отформатируйте и текст и настройте его стиль.
    • Добавьте границы, чтобы выделить эту область меню. 
    • Закруглите углы меню / подменю.
    • Добавьте тени, чтобы выделить меню или его элементы.
    • Отрегулируйте отступы вокруг меню или его элементов. 
Совет:
Вы можете создать элементы меню и подменю для разных состояний - в покое, при наведении или при клике (т.е. когда посетитель находится на странице, которую он видит в меню или подменю).
Настройка дизайна горизонтального меню и подменю со стилем в Editor X

Настройка макета горизонтального меню со стилем

Настройте макет меню и подменю на свой вкус. Вы можете выбрать, как отображать элементы меню, которые не помещаются (2-й ряд или Прокрутка), и способ открытия подменю (Сбоку или Колонки). Вы также можете контролировать интервалы, отступы и многое другое.

Чтобы настроить макет меню:


  1. Нажмите на горизонтальное меню со стилем.
  2. Нажмите на значок Макет .
  3. Выберите, над какой областью вы хотите работать: меню или подменю.
  4. Настройте макет меню и подменю. Нажмите ниже, чтобы узнать больше о доступных вариантах:
Настройка макета горизонтального меню и подменю со стилем в Editor X

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

|
В этой статье
  • Добавление горизонтального меню cо стилем
  • Настройка дизайна горизонтального меню cо стилем
  • Настройка макета горизонтального меню со стилем