Как устроено мегаменю
Несколько понятий, на которых построены все настройки. Разберитесь с ними один раз — и любая вкладка панели станет понятной.
| № | Понятие | Что это |
|---|---|---|
| 1 | Панель меню | полоса с пунктами верхнего уровня. Ширина и выравнивание — Позиция и макет |
| 2 | Пункт верхнего уровня | пункт в панели. У него настраивается подменю: тип, позиция, ширина |
| 3 | Мегаподменю | широкий блок с колонками, открывается под панелью |
| 4 | Заголовок колонки | пункт второго уровня; его дети выстраиваются списком (стеком) под ним |
| 5 | Обычный пункт | строка списка внутри колонки |
| 6 | Описание | вторая строка пункта — поле WordPress «Описание» |
| 7 | Изображение | картинка пункта, положение задаёт «Макет элемента» |
| 8 | Иконка | значок Font Awesome слева от текста |
| 9 | Пользовательский контент | блок своего HTML и шорткодов |
| 10 | Колонка | доля ширины подменю, которую занимает пункт второго уровня (здесь — 1/4) |
Три типа подменю
| Тип | Как выглядит | Где используется |
|---|---|---|
| Мега-подменю | широкий блок с колонками | пункты верхнего уровня с большим количеством ссылок |
| Выпадающее (Flyout) | узкий список, вложенные уровни вылетают вбок | классические меню, пункты внутри выпадающих списков |
| Стек | дети всегда видны списком под пунктом | колонки внутри мегаподменю («заголовок + список») |
Сетка колонок
Ширина колонок задаётся долями: 1/2, 1/3, 1/4, 1/5, 2/5, 1/6 … до двенадцатых. Доли в одной строке складываются: 1/4 + 1/4 + 1/2 или 2/5 + 3/5. Если сумма превышает единицу, следующая колонка начинает новую строку. Ширину можно задать каждому пункту (Макет → Ширина колонок) или всем детям сразу (Подменю → Колонки подменю по умолчанию).
Где что настраивается
| Что | Где |
|---|---|
| Меню целиком: скин, мобильное поведение, стили, липкая панель | Панель управления → конфигурация |
| Общее для всех меню: контрольная точка, свой CSS, иконки, доступность | Панель управления → Общие настройки |
| Отдельный пункт: подменю, колонка, картинка, иконка, бейдж, цвета | Внешний вид→Меню → кнопка MegaMenu |
| Структура: какие пункты и в каком порядке | Внешний вид→Меню (стандартный редактор меню WordPress) |
| Цвета с живым предпросмотром | Внешний вид→Настроить→WP eLDeR MegaMenu |
Конфигурации
Конфигурация — набор настроек меню целиком. Основная (main) есть всегда; дополнительные нужны для второго меню с другим видом (например, вертикальный каталог). Одно и то же меню WordPress можно показывать разными конфигурациями. Подробнее — Конфигурации.
Расширенные пункты
Кроме страниц, рубрик и ссылок, в меню можно добавить специальные пункты: колонку, ряд, разделитель, блок вкладок, свой HTML, динамические записи и термины, сегмент другого меню, область виджетов, корзину. Они добавляются из блока «Расширенные пункты WP eLDeR MegaMenu» в Внешний вид→Меню — см. Расширенные пункты.
Контрольная точка
Ширина окна, ниже которой меню превращается в мобильное (по умолчанию 959px). Задаётся в Общие настройки → Адаптивность.