header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
  1. Главная
  2. Создание сайта
  3. Редактор Wix
  4. Управление страницами и меню
  5. Меню
  6. Редактор Wix: Настройка дизайна горизонтального меню

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

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

Настройка контейнера меню

Контейнер меню — это пространство вокруг пунктов меню.
Используйте такие параметры, как граница и заливка, чтобы настроить дизайн контейнера и создать привлекательное меню.

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

  1. Выберите меню в редакторе.
  2. Нажмите на значок Дизайн .
  3. Нажмите кнопку Настроить дизайн.
  4. В разделе Дизайн чего вы хотите настроить? нажмите Меню и используйте параметры для настройки контейнера.
    • Заливка :
      • Нажмите на поле цвета, чтобы выбрать цвет для контейнера меню.
      • Перетащите ползунок, чтобы настроить прозрачность.
    • Граница :
      • Нажмите на поле цвета и выберите цвет границы.
      • Нажмите на раскрывающееся меню и выберите стиль границы.
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли все стороны одинаковыми или разных размеров.
      • Введите количество пикселей в соответствующие поля, чтобы изменить размер границы.
    • Уголки :
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли уголки одинаковыми или разными.
      • Введите количество пикселей в поля, чтобы изменить радиус уголков.
    • Тени :
      • Нажмите Добавить тень, чтобы добавить тень к контейнеру.
      • Перетащите ползунок, чтобы настроить прозрачность тени.
      • Нажмите на поле, чтобы настроить тень:
        • Нажмите на поле цвета, чтобы выбрать цвет тени.
        • Выберите тип тени: внешний или внутренний.
        • Введите угол падения тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить расстояние между контейнером и тенью.
        • Используйте ползунок, чтобы настроить размытие тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить размер тени.
    • Макет :
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли отступы одинаковых или разных размеров.
      • Введите количество пикселей, чтобы изменить размер отступов.
Горизонтальное меню рядом с панелью «Дизайн меню» при нажатии на поле цвета на вкладке «Заливки фона»

Настройка пунктов меню

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

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

  1. Выберите меню в редакторе.
  2. Нажмите на значок Дизайн .
  3. Нажмите кнопку Настроить дизайн.
  4. В разделе Дизайн чего вы хотите настроить? выберите Пункты.
  5. Выберите, для какого состояния настраивать дизайн пунктов: в покое, при наведении или для текущей страницы, и используйте соответствующие вкладки.
    • Заливка :
      • Цвет: нажмите на поле цвета и выберите цвет для пунктов.
      • Прозрачность: перетащите ползунок, чтобы настроить прозрачность.
    • Текст :
      • Стили: выберите стиль текста из раскрывающегося меню.
      • Шрифты: выберите шрифт из раскрывающегося меню.
      • Размер шрифта: перетащите ползунок, чтобы увеличить или уменьшить размер текста.
      • Форматирование: используйте доступные параметры для форматирования текста, такие как полужирный, курсив и подчеркивание. Вы также можете выбрать цвет для текста, контура и выделения.
      • Межбуквенный интервал: перетащите ползунок, чтобы увеличить или уменьшить расстояние между символами текста.
      • Тени: добавьте и настройте тень для текста пункта.
    • Границы :
      • Заблокировать: нажмите Заблокировать / Разблокировать , чтобы выбрать, будут ли все стороны одинаковыми или разных размеров.
      • Размер: введите количество пикселей, чтобы изменить размер границы.
    • Уголки :
      • Блокировка: нажмите Замкнуть / Разомкнуть , чтобы выбрать, будут ли уголки одинаковыми или разных размеров.
      • Размер: введите количество пикселей, чтобы изменить радиус уголков.
    • Тени :
      • Добавить тень: нажмите Добавить тень.
      • Прозрачность: перетащите ползунок, чтобы настроить прозрачность тени.
      • Настроить: нажмите на поле, чтобы настроить тень со следующими параметрами:
        • Нажмите на поле цвета, чтобы выбрать цвет тени.
        • Выберите тип тени: внешний или внутренний.
        • Введите угол падения тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить расстояние между контейнером и тенью.
        • Используйте ползунок, чтобы настроить размытие тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить размер тени.
Горизонтальное меню рядом с панелью

Настройка контейнера выпадающего меню

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

Чтобы настроить контейнер выпадающего списка:

  1. Выберите меню в редакторе.
  2. Нажмите на значок Дизайн .
  3. Нажмите кнопку Настроить дизайн.
  4. В разделе Дизайн чего вы хотите настроить? выберите контейнер выпадающего меню. и используйте эти параметры для настройки дизайна.
    • Заливка :
      • Нажмите на поле цвета, чтобы выбрать цвет для контейнера меню.
      • Перетащите ползунок, чтобы настроить прозрачность.
    • Границы :
      • Нажмите на поле цвета и выберите цвет границы.
      • Нажмите на раскрывающееся меню и выберите стиль границы.
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли все стороны одинаковыми или разных размеров.
      • Введите количество пикселей в соответствующие поля, чтобы изменить размер границы.
    • Уголки :
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли уголки одинаковыми или разными.
      • Введите количество пикселей в поля, чтобы изменить радиус уголков.
    • Тени :
      • Нажмите Добавить тень, чтобы добавить тень к контейнеру.
      • Перетащите ползунок, чтобы настроить прозрачность тени.
      • Нажмите на поле, чтобы настроить тень:
        • Нажмите на поле цвета, чтобы выбрать цвет тени.
        • Выберите тип тени: внешний или внутренний.
        • Введите угол падения тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить расстояние между контейнером и тенью.
        • Используйте ползунок, чтобы настроить размытие тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить размер тени.
    • Макет :
      • Нажмите значок Замкнуть / Разомкнуть , чтобы выбрать, будут ли отступы одинаковых или разных размеров.
      • Введите количество пикселей, чтобы изменить размер отступов.
Горизонтальное меню рядом с панелью

Настройка пунктов выпадающего меню

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

Чтобы настроить пункты раскрывающегося меню:

  1. Выберите меню в редакторе.
  2. Нажмите значок Дизайн .
  3. Нажмите кнопку Настроить дизайн.
  4. Выберите Пункты выпадающего меню в разделе Дизайн чего вы хотите настроить?
  5. Выберите, для какого состояния настраивать дизайн пунктов: в покое, при наведении или для текущей страницы, и используйте соответствующие вкладки.
    • Заливка :
      • Цвет: нажмите на поле цвета и выберите цвет для пунктов.
      • Прозрачность: перетащите ползунок, чтобы настроить прозрачность.
    • Текст :
      • Стили: выберите стиль текста из раскрывающегося меню.
      • Шрифты: выберите шрифт из раскрывающегося меню.
      • Размер шрифта: перетащите ползунок, чтобы увеличить или уменьшить размер текста.
      • Форматирование: используйте доступные параметры для форматирования текста, такие как полужирный, курсив и подчеркивание. Вы также можете выбрать цвет для текста, контура и выделения.
      • Межбуквенный интервал: перетащите ползунок, чтобы увеличить или уменьшить расстояние между символами текста.
      • Тени: добавьте и настройте тень для текста пункта.
    • Границы :
      • Заблокировать: нажмите Заблокировать / Разблокировать , чтобы выбрать, будут ли все стороны одинаковыми или разных размеров.
      • Размер: введите количество пикселей, чтобы изменить размер границы.
    • Уголки :
      • Блокировка: нажмите Замкнуть / Разомкнуть , чтобы выбрать, будут ли уголки одинаковыми или разных размеров.
      • Размер: введите количество пикселей, чтобы изменить радиус уголков.
    • Тени :
      • Добавить тень: нажмите Добавить тень.
      • Прозрачность: перетащите ползунок, чтобы настроить прозрачность тени.
      • Настроить: нажмите на поле, чтобы настроить тень со следующими параметрами:
        • Нажмите на поле цвета, чтобы выбрать цвет тени.
        • Выберите тип тени: внешний или внутренний.
        • Введите угол падения тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить расстояние между контейнером и тенью.
        • Используйте ползунок, чтобы настроить размытие тени.
        • Перетащите ползунок, чтобы увеличить или уменьшить размер тени.
Горизонтальное меню рядом с панелью

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

|
В этой статье
  • Настройка контейнера меню
  • Настройка пунктов меню
  • Настройка контейнера выпадающего меню
  • Настройка пунктов выпадающего меню

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

|