WP eLDeR MegaMenu документация v1.0.1 Вся документация Купить плагин
Документация › Начало работы

Первое мегаменю за 10 минут

За десять минут: подключим мегаменю к теме и соберём раздел с мегаподменю в четыре колонки.

1. Подключите меню к теме

  1. Убедитесь, что лицензия активна (Внешний вид→WP eLDeR MegaMenu открывает Панель управления).
  2. На вкладке Интеграция отметьте область меню вашей темы (например «Главное меню» или «Primary»).
  3. Нажмите «Сохранить: Основная конфигурация WP eLDeR MegaMenu» внизу справа.
  4. Откройте сайт — вместо меню темы появится мегаменю (пока с обычными выпадающими подменю).
Вкладка «Интеграция»: отметьте область темы
Вкладка «Интеграция»: отметьте область темы
Меню не изменилось? Проверьте, что к области привязано меню (Внешний вид→Меню→Управление областями), и очистите кэш. Если тема строит меню по-своему — используйте код ручной интеграции с той же вкладки.

2. Выберите скин

На вкладке Базовая конфигурация выберите Скин: светлый, тёмный, акцентный или минимальный. Сохраните.

Светлый
Светлый
Тёмный
Тёмный

3. Сделайте пункту мегаподменю

  1. Откройте Внешний вид→Меню. Выберите меню, которое выводится в отмеченной области.
  2. Наведите курсор на пункт верхнего уровня, например «Каталог», и нажмите появившуюся кнопку ⚙ MegaMenu.
  3. На вкладке Подменю: «Тип подменю» — Мега-подменю, «Позиция мега-подменю» — На всю ширину, «Колонки подменю по умолчанию» — 1/4.
  4. Нажмите «Сохранить пункт меню».
Панель «Подменю»: тип, позиция и колонки
Панель «Подменю»: тип, позиция и колонки

4. Добавьте колонки и ссылки

  1. Добавьте в меню четыре пункта и вложите их в «Каталог» (перетащите чуть вправо под ним) — это будут заголовки колонок.
  2. Под каждый заголовок вложите по несколько ссылок — третий уровень.
  3. Сохраните меню кнопкой «Сохранить меню».
  4. Откройте сайт и наведите курсор на «Каталог»: четыре колонки с заголовками и списками под ними.
Результат в духе раздела «Мегаменю» витрины
Результат в духе раздела «Мегаменю» витрины
Пункты второго уровня мегаподменю автоматически становятся заголовками колонок. Чтобы заголовок не был ссылкой, откройте его настройки и включите «Общее → Отключить ссылку».

5. Проверьте мобильную версию

Сузьте окно браузера или откройте сайт с телефона: вместо панели появится кнопка «Меню». По умолчанию меню выезжает панелью справа, подменю раскрываются аккордеоном. Другие варианты — на вкладке Адаптивность и мобильные.

Кнопка меню
Кнопка меню
Панель справа, аккордеон
Панель справа, аккордеон

Что дальше