Купить Корзина
Логотип REG.RU
  • Вход
  • Помощь
  • Конструктор и CMS
  • REG.Site
  • Работа с модулями REG.Site
  • Как создать выпадающее меню в REG.Site

Как создать выпадающее меню в REG.Site

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

Для примера создадим вот такой раскрывающийся блок:

Как создать выпадающее меню в REG.Site 1

Обратите внимание! Перед тем как создавать меню, нужно настроить страницы, записи и рубрики, на которые будут ссылаться пункты выпадающего меню.

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

  1. 1.
    Перейдите в админку WordPress.
  2. 2.
    Перейдите во вкладку Внешний вид ― Меню.
  3. 3.
    В блоке «Страницы» выберите те страницы, которые хотите поместить в раскрывающийся блок.
  4. 4.

    Нажмите Добавить в меню:

    Как создать выпадающее меню в REG.Site 2

  5. 5.

    С помощью мыши перенесите добавленные пункты под основную категорию.

    Совет. В настройках можно делать несколько уровней дочерних элементов:

    Как создать выпадающее меню в REG.Site 3

  6. 6.

    Нажмите Сохранить меню:

    Как создать выпадающее меню в REG.Site 4

  7. 7.
    Перейдите в режим редактирования страницы. Раскрывающийся блок должен отобразиться в основном меню.
  8. 8.
    Настройте внешний вид раскрывающегося блока. Он редактируется в рамках настройки модуля «Меню». Обратим внимание только на те параметры настройки, которые касаются только раскрывающегося меню. Всё остальное настраивается вместе с основным меню.

Настройки раскрывающегося блока находятся во вкладке «Дизайн».

В блоке «Макет» настройте Направление выпадающего меню.

Совет. Если вы делаете выпадающее меню в шапке, выбирайте направление «вниз», так как направление «вверх» уведёт меню за пределы экрана и пользователь не сможет им воспользоваться.

Как создать выпадающее меню в REG.Site 5

В блоке «Ссылки выпадающего меню» можно настроить такие элементы выпадающего меню, как:

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

Обратите внимание! Если вы не укажете цвета в параметрах «Мобильные Меню Цвет Фона» и «Цвет текста мобильного меню», в мобильной версии будут отображать цвета, которые настроены для ПК.

В блоке «Анимация» можно настроить, как будет проявляться меню при наведении на основную категорию.

Как создать выпадающее меню в REG.Site 6

Готово, вы создали выпадающее меню.

Помогла ли вам статья?
ДаНет
раз уже
помогла

Спасибо за оценку!
Как мы можем улучшить статью?

Нужна помощь?
Напишите в службу поддержки!

Рассылка REG.RU

Лайфхаки, скидки и новости об IT

Подписываясь, вы принимаете правила рассылок

Услуги
  • Стоимость услуг
  • Хостинг
  • Зарегистрировать домен
  • Создание сайтов
  • REG.Site
  • VPS
  • Серверы и ДЦ
  • SSL-сертификат
Помощь
  • База знаний
  • Шаблоны заявлений
  • Оставить отзыв, предложение
  • Сообщить о нарушении
Партнерам
  • Партнерские программы
  • Профессионалам IT
  • Бонусная программа
  • REG.API
  • Промоматериалы
Полезное
  • Акции и скидки
  • Мероприятия
  • Юридические услуги
  • Юридическим лицам
  • ЭДО
  • Whois
REG.RU
  • О компании
  • Контакты и офисы
  • Новости
  • Отзывы клиентов
+7 495 580-11-11

Телефон в Москве

8 800 555-34-78

Бесплатный звонок по России

  • vk
  • telegram
  • ok
  • moikrug
  • youtube
  • twitter

Нашли опечатку?
Выделите и нажмите
Ctrl+Enter

  • mir
  • sbp
  • sberbank
  • qiwi
  • yamoney
  • visa
  • mastercard
Все способы оплаты Все способы оплаты
  • REG.RU
  • © ООО «Регистратор доменных имен РЕГ.РУ»

    Правовая информация и правила пользования

  • shop.reg.ru Магазин доменов
  • statonline.ru Доменная статистика
  • reg.ru/blog Мы пишем
  • Мы используем файлы cookie. Продолжив работу с сайтом, вы соглашаетесь с Политикой обработки персональных данных и Правилами пользования сайтом.