Ноя
6
47

Max Mega Menu — функциональный плагин мега меню для WordPress сайтов

Плагин Max Mega MenuНасколько я понимаю, под термином мега меню в WordPress подразумевают сверхфункциональное огромный блок навигации по сайту со множеством разных элементов: списками, картинками, текстами, слайдерами и т.п. Наверняка вы такие встречали. Когда-нибудь опубликую полноценную подборку по теме, но сегодня речь пойдет о вполне конкретном решении — плагине Max Mega Menu. Выбрал его так как уже тестировал в работе для WooCommerce меню, он часто попадает в списки лучших модулей, плюс тут имеется одна из самых толковых и постоянно развивающихся бесплатных (Lite) версий. 

Сразу после установки Max Mega Menu в WordPress ваша стандартная навигация преобразуется в более мощный и функциональный механизм с возможностью добавления разного рода виджетов, удобным редактором и кучей дополнительных настроек. Скачивайте плагин отсюда либо ищите его через WP админку.

На данный момент минимальная требуемая версия системы — 3.8, работает до последней сейчас 4.8.3. Загрузок около 100 тысяч. Мне нравится, что за последние 2 месяца было исправлено почти 70 разных багов из 89, что свидетельствует о хорошей активности разработчиков.

Основные функции и фишки Max Mega Menu

  • Поддерживаются несколько мест размещения, для каждого из которых сможете выбирать свои параметры;
  • Простая работа с элементами навигации через Drag&Drop.
  • Добавление иконок в пунктах меню.
  • Есть удобный редактор тем оформления.
  • Добавление любых виджетов: картинки, тексты, списки и др.
  • Условие срабатывания: при наведении, клике.
  • Эффекты вывода подменю: выезд, появление/затухание и т.п.
  • Разные дополнительные опции по типу скрытия текста/ссылки или выключения на мобильной версии. Последний пункт поможет упростить создание отдельного обычного и мобильное меню в WordPress.
  • Выравнивание для пунктов меню.

Чтобы понять насколько все это круто и удобно, советую просто глянуть следующее видео:

Кроме всего разработчики могут похвастаться очень правильными и корректным подходим к созданию своего решения. WordPress Max Mega Menu — действительно качественный продукт, вот вам парочка подтверждений:

  • все оформление задается с помощью одного CSS файла, где вообще не используется «знаменитое» свойство important;
  • поддержка Retina, адаптивность, срабатывание на смартфонах и планшетах (тестировали практически во всех существующих десктопных и мобильных браузерах);
  • чистый код, JS скрипты при gzipped будут занимать менее 2Кб;
  • поддержка разных фильтров/хуков;
  • детальная документация + в отличии от многих других плагинов, форум поддержи достаточно живой.

Настройка и работа с Max Mega Menu

Сразу после установки в админке появится одноименный раздел. В «Основных настройках» вы сможете подправить несколько опций, касающихся поведения подменю, мобильных девайсов и т.п. Куда более интересными выглядят «Темы».

Визуальные настройки Max Mega Menu

Здесь сразу 6 вкладок с разными фишками:

  • Основные — выбирайте тип стрелок, тени, высоту строки и т.п.
  • Меню бар — оформление основного блока: фоны, отступы, шрифты, наведение.
  • Mega Menus — стили и настройки Mega Menu.
  • Выпадающие — аналогичный остальным набор стилей.
  • Mobile Menu — размер экрана для срабатывания и другие опции мобильного меню.
  • Кастомное оформление — добавляйте свои CSS стили.

После того как основные параметры заданы, переходим в раздел WP админки «Внешний вид» — «Меню».

Активация Max Mega Menu

Вам нужно выбрать меню, с которым хотите работать, а затем в его настройках поставить галочку напротив «Включено». Активировать Max Mega Menu в WordPress получится только когда для меню заданна область отображения в шаблоне (шапка, футер, сайдбар и т.п.). Здесь же есть параметры эффектов и событий срабатывания.

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

Создание меню с плагином Max Mega Menu

Тут сможете, во-первых, определить количество столбцов, а также добавить любые виджеты. Кроме того, допускается изменение размеров каждого элемента. Выбирать виджеты разрешается только в первом (главном) уровне навигации. Если кликать по кнопке «Мега меню» напротив других элементов, то только для задания иконок и разных свойств:

Дополнительные настройки меню в плагине Max Mega Menu

Скрытие текста/линка, выравнивание и отключение на декстопе/мобильных — весьма полезный набор функций. Допускается задание подобных опций в каждом пункте меню. Не забывайте сохранять изменения.

Max Mega Menu Pro и Выводы

Вообще у данной разработки кроме репозитория есть еще отдельный сайт. Там собраны описания всех возможностей модуля, представлена документация и небольшая его демка, а также есть ссылка на тех.поддержку и загрузку. Стоимость продвинутой версии Max Mega Menu Pro, в принципе, не такая уж и высокая — для 1 / 5 / 99 сайтов она обойдется вам в $23 / $35 / $99 долларов соответственно. Сюда входит апдейт и поддержка в течении года. Если вы разработчик, то взяв Pro Business Licence и установив плагин на 5 сайтов, получите итоговую стоимость решения = 7 долларам!

Что же входит в Max Mega Menu Pro:

  • Sticky фиксированное меню.
  • Интеграция Google Fonts, наличие FontAwesome и пользовательских иконок в настройках.
  • Поддержка вертикального и меню типа аккордеон.
  • Общий логотип в навигации + блок поиска.
  • Стили отдельных пунктов.
  • Поддержка WooCommerce и EDD.
  • Возможность настройки ролей пользователей.
  • Поиск, иконки/лого и HTML для мобильных элементов.
  • Автообновление и приоритетная поддержка.

Для рядовых классических сайтов вполне хватает обычной бесплатной версии Max Mega Menu в WordPress, которая по функциональности очень хороша. Разных настроек здесь очень много. Понравилось также, что разработчики поддерживают свое детище, относительно быстро исправляют текущий баги и заботятся о чистоте/корректности кода. На ознакомление придется потратить некоторое время, но оно того стоит. Чтобы проще было разобраться с работой плагина — смотрите видео и читайте документацию.

А какие модули Mega Menu в WordPress вы используете и почему? Работали с данным решением, что можете по нему добавить?

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 4, средний балл: 5,50 из 7)
Загрузка...

категория Категории: Плагины;
теги Теги: , , , , , , .

комментариев 47 к статье “Max Mega Menu — функциональный плагин мега меню для WordPress сайтов”

  • Имран   15.03.2019

    Здравствуйте. Как добавить отдельный меню в сайдбар при изменении требует выбрать верхний главный или подвал как сделать что отдельно добавить шорт код сайд ба?

  • Tod   15.03.2019

    Имран, если честно, вообще не понял вопрос. Мега меню (бесплатная версия) в боковой панели (сайдбаре) работать не будет, там доступен только формат горизонтального меню.

  • Дмитрий   19.05.2019

    Имран, попробуй Groovy Menu, ставиться на автомате groovymenu.grooni.com

  • Tod   19.05.2019

    Дмитрий, да но там нет бесплатной версии, судя по всему..

  • Дмитрий   10.07.2019

    Есть бесплатная версия у Groovy https://wordpress.org/plugins/groovy-menu-free/

  • Tod   10.07.2019

    Дмитрий, выглядит по описанию неплохо, главное чтобы проект потом не забросили.

  • Николай   23.07.2019

    Imran в виджите выберите сайдбар, перетащите туда виджит меню. Потом в настройках меню поставте галочку. И всё. В бесплатной версии можите куда хочешь ставить меню.

  • Ekaterina   24.08.2019

    Всем привет!

    Тестила недавно Max Mega Menu, всё отлично, только вылезла проблема с оформлением. Как бы я ни выставляла цвета фона (мне нужен белый), основная панель и само мега меню покрывалось градиентом (вырвиглаз). Лазила в панель управления хостингом, пыталась там править, потом скачивала файл style.css (из папки uploads/mexmegamenu/), правила на компе закидывала обратно… всё равно вылазит этот чтобего градиент. Откуда он подгружается??

    Убила весь день на это меню.. и, несмотря на функционал, в итоге удалила :) Дизайн превыше всего ))

    П.С. Кэш чистила. Не помогает.

  • Tod   25.08.2019

    Ekaterina, тоже когда-то бы «нюансы» с этим фоном — уже не помню как решилось, по-моему, что-то было в настройках модуля в самой админке. В крайнем случае самый эффективный метод «перебить» базовое оформление — в разделе «Внешний вид» — «Настройка» и там будут «Дополнительные стили» — туда добавляете свой CSS с приставкой !important для атрибута фона.

  • Dennis   18.11.2019

    Хорошая статья, но сейчас стандарт мега меню это Groovy Menu

  • Tod   18.11.2019

    Dennis, в официальном репозитории бесплатная версия этого меню имеет 200загрузок… маловато для стандарта.

  • Лука   01.12.2019

    Groovy Menu жаль не дружит с Divi Builder, а так это действительно мощный поанинисмотрю

  • Рита   16.01.2020

    Подскажите как убрать лупу из меню сбоку и в моб.приложении снизу. все настройки облазила. ничего не нашла

  • Tod   16.01.2020

    Рита, все элементы, расположенные в меню, создаются с помощью этого инструмента — нужно смотреть не настройки модула, я в разделе админки «Внешний вид» — «Меню» найти элемент с иконкой лупы. Кстати, на видео автор показывает как создавать подобный элемент — посмотрите, возможно, это поможет понять как его удалить.

  • Антоніна   23.01.2020

    Всім привіт. Допоміжіть, будь ласка, з’ясувати в чому проблема з плагіном mega menu в мобільній версії сайту. На деяких сторінках сайту (наприклад https://sbt.te.ua/ru/demontaz/) — частина side menu постіійно показується відкритою. Жаль не можна додати скрін. Можна переглянути по ссилці, якщо зайти з телефона.

  • Tod   24.01.2020

    Антоніна, судя по тому, что я увидел на сайте там 2 возможные проблемы: во-первых, я вижу ошибки (предупреждения точнее), которые надо попытаться исправить или убедиться что не они вызывают данный глюк (отключить соответствующие модули); во-вторых, там какая-то проблема со стилями/оформлением в адаптивной версии, что страница сайта не помещается по ширине на весь экран — поэтому и видна часть меню — пользователь просто видит скрытые объекты. Если будут еще вопросы пишите на почту stod84@gmail.com

  • Отэц   17.06.2020

    Лука, «Groovy Menu жаль не дружит с Divi Builder» уже дружит с диви

Оставить комментарий


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Поиск:
Последние посты
Лучшее в категории

Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости