WP eLDeR MegaMenu документация v1.0.1 Вся документация Купить плагин
Документация › Панель управления › Основная конфигурация

Позиция и макет

Размеры и выравнивание панели меню, пунктов верхнего уровня и подменю. Здесь решается, будет ли меню во всю ширину, по центру страницы, и насколько широкими будут мегаподменю.

Где найти: Внешний вид→WP eLDeR MegaMenu→Основная конфигурация→Позиция и макет

Вкладка «Позиция и макет»
Вкладка «Позиция и макет»

Настройки

Панель меню

Выравнивание панели менюВыбор одногопо умолчанию: На всю ширину (элемента-контейнера темы)есть в Настройщикеbar_align

Выравнивание относительно контейнера темы.
Контейнер темы ограничивает максимальную ширину панели меню. Если элемент-контейнер темы равен 500px, настройка «На всю ширину» сделает меню шириной 500px.
Если выбрать «По центру», нужно задать ширину панели меню ниже.

  • На всю ширину (элемента-контейнера темы)
  • Слева
  • Справа
  • По центру (требуется ширина панели меню)

Ширину панели меню ограничивает контейнер темы, в который выведено меню. «На всю ширину» — панель растягивается на весь этот контейнер. Чтобы панель была уже и стояла по центру, выберите «По центру» и задайте «Ширину панели меню».

Ширина панели менюПоле вводапо умолчанию: пустоесть в Настройщикеbar_width

Задать явную ширину панели меню. Требуется для центрирования. Обычно не нужно.

С единицами: 1200px, 90%. Нужно для выравнивания панели по центру, слева или справа.

Верхний внешний отступ панели менюПоле вводапо умолчанию: пустоесть в Настройщикеbar_margin_top

Полезно для тонкой настройки позиции

Например 10px. Отрицательное значение (-10px) поднимает панель.

Нижний внешний отступ панели менюПоле вводапо умолчанию: пустоесть в Настройщикеbar_margin_bottom

Полезно для разнесения элементов

Пункты меню верхнего уровня

Горизонтальное выравнивание элементовВыбор одногопо умолчанию: Автоматическиесть в Настройщикеitems_align

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

  • Автоматически
  • Слева
  • По центру
  • Справа
  • Flex (по ширине)

Где стоят пункты внутри панели. Flex растягивает пункты так, чтобы они заняли всю ширину панели равномерно — удобно, когда пунктов немного и они должны «упираться» в края.

Отдельный пункт можно прижать вправо (например, корзину или кнопку входа): Общее → Выравнивание → Справа.

Вертикальное растяжение элементовФлажокпо умолчанию: выключеноitems_vertical_stretch

Растянуть все элементы верхнего уровня до равной высоты и центрировать содержимое вертикально. Учтите, что поскольку эта настройка использует flexbox, она несовместима с многомерными макетами для элементов верхнего уровня, например изображение слева с заголовком и описанием справа

Полезно, когда у части пунктов есть описания или иконки над текстом и пункты получаются разной высоты.

Внутренняя панель меню

Центрировать внутреннюю панель менюФлажокпо умолчанию: выключеноbar_inner_center

Требуется ширина внутренней панели меню ниже.

Внутренняя панель — контейнер с пунктами внутри панели меню. Сама панель (фон) может быть на всю ширину экрана, а пункты — в центре шириной как контент сайта. Для этого: включите «Центрировать внутреннюю панель меню», укажите «Ширину внутренней панели меню» (например, 1200px) и привяжите подменю к внутренней панели.

Ширина внутренней панели менюПоле вводапо умолчанию: пустоbar_inner_width

Задать явную ширину внутренней панели меню. Обычно не нужно, кроме центрирования внутренней панели меню. Также можно задать опцию «Привязать подменю» в значение «Внутренняя»

Подменю

Привязать подменю кВыбор одногопо умолчанию: Панель менюесть в Настройщикеbound_submenus

Установите «Без привязки», если хотите подменю шире панели меню. Актуально только для горизонтально ориентированных меню.

  • Панель меню
  • Ширина внутренней панели меню
  • Без привязки
  • Панель меню — мегаподменю «На всю ширину» занимает ширину панели меню;
  • Ширина внутренней панели меню — подменю совпадает по ширине с блоком пунктов (удобно, когда фон панели во всю ширину экрана, а пункты — по центру);
  • Без привязки — подменю ограничивает ближайший контейнер темы с position: relative; так можно получить подменю шире панели.
Подменю шире строки с пунктами? Это нормально для подменю «На всю ширину». Чтобы выровнять его по пунктам: включите «Центрировать внутреннюю панель меню», задайте «Ширину внутренней панели» и выберите здесь «Ширина внутренней панели меню».
Эта же настройка показана во вкладке Подменю — значение общее.

Рецепт: фон на весь экран, пункты по центру

  1. «Выравнивание панели меню» — На всю ширину; тема должна выводить меню в контейнер во всю ширину экрана.
  2. Включите «Центрировать внутреннюю панель меню» и задайте «Ширину внутренней панели меню», например 1220px.
  3. «Привязать подменю к» — Ширина внутренней панели меню. Мегаподменю совпадут по ширине с блоком пунктов.

Так настроена витрина плагина: тёмная панель во всю ширину контейнера, пункты по центру (items_align = «По центру»).