Ноя
6
8

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

Плагин Max Mega MenuНасколько я понимаю, под термином мега меню в WordPress подразумевают сверхфункциональное огромное меню сайта со множеством разных элементов: списками, картинками, текстами, слайдерами и т.п. Наверняка вы такие встречали. Когда-нибудь опубликую полноценную подборку по теме, но сегодня речь пойдет о вполне конкретном решении — плагине Max Mega Menu. Выбрал его так как уже тестировал в работе, он часто попадает в списки лучших модулей, плюс тут имеется одна из самых толковых и постоянно развивающихся бесплатных (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 вы используете и почему? Работали с данным решением, что можете по нему добавить?

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

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

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

  • Nikita   09.11.2017

    Вот это я понимаю меню для сайта!… обязательно установлю себе в блоге.

  • СергеевМ   13.11.2017

    Я думал все подобные мега меню платные, спасибо за наводку на Max Mega Menu — судя по описанию, отличная штука.

  • Milligan   15.11.2017

    Юзаю эту менюшку регулярно — отличный плагин!

  • Андрей   22.12.2017

    Добрый вечер!
    Огромное спасибо за интересные статьи, многое прочитанное оказалось просто необходимым для создания своего сайта.
    Буду благодарен за ответ о проблемке при установке Мега Меню — после установки верхнего главного меню в теме Twenty Seventeen исчезла кнопка (стрелка в правой верхней части сайта) для перемещения к контенту страницы.
    Как ее восстановить? Была очень полезной с учетом наличия в теме огромной картинки при открытии главной страницы.

    А такую же можно внизу сделать для перемещения в верхнюю часть страницы?

    Заранее благодарю.

  • Tod   22.12.2017

    Андрей, данный плагин на Twenty Seventeen не ставил, возможно, там действительно какой-то конфликт возникает. Дабы проверить, что проблема в теме, можете временно заменить ее на другую и посмотреть. В любом случае вы всегда сможете вручную заново сделать кнопку вверх в WordPress через модули (из них я чаще всего использовал Scroll Back To Top).

  • Андрей   18.01.2018

    Спасибо. Возможно воспользуюсь подсказанным «скрулом»
    Tod, а кнопку «вниз» из верхней части главной страницы на середину контента как лучше сделать?

  • Tod   18.01.2018

    Андрей, если честно, никогда не сталкивался с кнопкой «вниз». Если хотите делать это «вручную» для разных записей по разному, то подойдет функциональность html якоря в WordPress. Если нужно автоматизировать процесс, то следует поискать скрипт или плагин.

  • Андрей   18.01.2018

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

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


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

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

Последние посты
Заработай в GoGetLinks
Лучшее в категории
Облако тегов
Скажи свое мнение!

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

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

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