Обычно разработчики тем не предусматривают каких-либо расширенных настроек для кастомизации внешнего вида меню на сайте. Например, эффекты при наведении и нажатии и т.п.
Мощный бесплатный плагин Max Mega Menu призван расширить инструментарий навигации сайта и предлагает для этого WordPress-пользователю ряд возможностей.
Что умеет плагин Max Mega Menu
- основывается на стандартной системе WordPress;
- поддержка нескольких областей меню (каждая со своей конфигурацией);
- обеспечение удобного перетаскивания с помощью Drag&Drop;
- возможность отображения виджетов WordPress в меню;
- настройка стилей меню, используя встроенный редактор тем;
- поддержка стилей подменю;
- поддержка Hover, Hover Intent или Click для открытия подменю;
- эффекты Fade, Fade Up, Slide Up или Slide при переходе в подменю;
- возможность добавления иконок к пунктам меню;
- расширенные параметры пункта меню, включая “Скрыть текст”, “Отключить связь”, “Скрыть на мобильном телефоне” и т.п.;
- выравнивание элементов меню влево или вправо от строки и родительского пункта меню;
- адаптивный дизайн для отображение на любом экране;
- поддержка разных фильтров/хуков;
- высокое быстродействие работы;
- детальная документация и форум поддержи.
Настройка Max Mega Menu
Для начала плагин необходимо установить и активировать. Теперь давайте рассмотрим, что он умеет. Для этого следует перейти в админ-раздел Внешний вид -> Меню. Следует отметить, что если у Вас на сайте еще нет навигационного меню, то создайте его, добавив необходимые пункты. О том, как создать на сайте WordPress меню, мы детально рассказывали в одной из наших прошлых статей. После этого обратите внимание на блок опций слева, который называется Настройки Max Mega Menu.
Для того, чтобы плагин начал свою работу, следует отметить опцию Включено.
Рассмотрим коротко каждую из настроек.
Настройка Событие определяет, при каком событии будут выпадать подпункты меню.
Эффект отвечает за анимационные появления и ее скорость.
В опции Тема можно выбрать оформление меню. По умолчанию там только одна тема. О том, как создать свою, мы расскажем ниже.
Дальше нужно нажать кнопку Сохранить для применения всех настроек. После этого
при наведении на любой пункт меню в редакторе появится активная кнопка Мега Меню. Она позволит настроить каждый пункт в этой навигации.
Кликните на нее, после чего перед Вами откроется всплывающее окно с настройками.
В окне настроек разделено на три вкладки.
Вкладка Мега Меню позволяет определить, будет выводиться обычное меню или меню с виджетами. Если будет выбрано последнее, то в списке Режим отображения подменю нужно указать Мега меню и в соседнем списке выбрать необходимые виджеты. Если же требуется обычное меню, то следует выбрать Выпадающее меню.
Вкладка Settings позволяет настроить пункты меню. Тут присутствуют опции текста, ссылки, иконки, адаптивности и другое.
На вкладке Icon можно задать иконку для пунктов меню.
Можно сделать вывод, что присутствующие в плагине настройки позволяют гибко настроить по отдельности каждый пункт навигации.
Теперь следует рассмотреть более глобальные настройки плагина Max Mega Menu. Для этого необходимо перейти в админ-меню в раздел Мега Меню -> Основные настройки. Видно, что тут находятся всяческие технические опции плагина. В принципе их можно оставить по умолчанию. Также тут можно задать поведение меню при клике мышки, его адаптивность, настройки CSS и т.п.
В разделе Мега Меню -> Темы меню можно изменить существующую или создать новую тему оформления. Видно, что присутствует довольно большое количество разнообразных настроек, включая цвет, размер, тень, анимация, отступы, ориентации для компьютерного и мобильного вида. Также при необходимость можно использовать собственные CSS-правила. Созданные таким образом темы можно применить в редакторе меню.
В разделе Мега Меню -> Локации меню Вы сможете создавать новые области для размещения меню. После создания вы получите специальный PHP-код, который позволяет публиковать области в любом месте сайта, в файлах темы, а также шорткод, благодаря которому области меню можно добавлять прямо в записи/страницы.
Раздел Мега Меню -> Инструменты служит для экспорта/импорта созданных ранее тем, а также присутствует еще несколько технических опций (очистка кеша, полное удаление всех данных плагина).
Плагин Max Mega Menu обладает огромным количеством настроек, благодаря которым можно сделать оригинальную и красочную навигацию на Вашем сайте.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Добавьте обзор по groovy menu
А как сделать с помощью этого плагина выпадающее меню не столбик, а в строку? Не могу найти в настройках
Обзор на groovy mega menu делал wprus посмотри у него, он правда не сильно в нем разобрался. Я его использую
Отлично, все четко и полезно!
Михаил, у меня установлена тема reboot. Max Mega Menu не желает нормально работать в мобильной версии – отображаются двойные кнопки, встроенная кнопка темы и уже после ее открытия появляется кнопка макс мега меню, одна внутри другой. Если отключить встроенную в тему кнопку меню, как мне советовали в техподдержке Ребоот, то и мега меню исчезает. Адекватного решения проблемы не нашел нигде, в том числе и в поддержке Wpshop. Куда копать?