Кастомизация

Бесплатное Мега Меню на вашем сайте

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

Что такое вообще, это Мега Меню? Да то же самое, привычное меню навигации с которым вы наверняка уже не раз сталкивались и настраивали. Просто в отличие от стандартного функционала, тут присутствуют еще дополнительные возможности для настройки и вывода отдельных элементов. Например, добавление не только вертикального, но и горизонтального подменю, добавление в меню иконок и отдельных изображений, детальная настройка внешнего вида для всех элементов меню и прочее. Всё это есть в наших рассматриваемых сегодня плагинах.

Max Mega Menu

Стандартная установка и активация. После активации в админке появится новый раздел — Menu Themes. В нем сосредоточены все настройки внешнего вида вашего будущего меню. Можете изменить стандартную тему или создать свою собственную. Впрочем, начать стоит не с внешнего вида, а с самого меню.

Max Mega Menu - настройки темы

Переходим в свой основной раздел — Меню. Если до этого вы еще не создали вообще ни одного меню, стоит сделать это прямо сейчас и сделать его активным в закладке — Управление областями. Слева появится закладка — Maga Menu Settings. Поставьте галочку в чекбоксе «Enable» и настройте:

  • Event — по какому событию открывать меню. По клику или наведению мыши.
  • Effect — визуальный эффект вывода.
  • Theme — по умолчанию одна тема (смотрите выше), но если вы создадите свою, то сможете её тут выбрать.

Остальные настройки сосредоточены справа в самих элементах меню навигации. Причем для разных элементов они могут отличатся в зависимости от вложенности. Выберите иконку если нужно, тип меню, в Configure Panel Widgets встроен мощный Drag & drop редактор который поможет вам вывести в меню любые виджеты.

Max Mega Menu - редактирование меню

К слову сказать — меню полностью адаптивное к мобильным устройствам и поддерживает Retina экраны. Взгляните на небольшой видео ролик, где кратко и понятно всё показано автором. Английский знать не надо 🙂

Скачать плагин

Mega Menu by WooRockets.com

Еще одна отличная возможность добавить на сайт суперское меню навигации с плагином — Mega Menu by WooRockets.com. Установка и активация плагина стандартные.

Данный плагин несколько сложнее в освоении, но и возможностей предлагает больше нежели вышеописанный конкурент. Тут строительство меню очень похоже на строительство страниц в стандартном Visual Composer.

Переходим в раздел WR mega menu в вашей админке и кликаем на Add New. Попадаем на новую страницу для построения нового меню. Те кто раньше уже имел дело с Drag & drop композерами сразу почувствуют себя в родной стихии. Процесс строительства меню мало чем отличается от построения страницы.

Mega Menu by WooRockets - композер для меню

В начале убедитесь, что наверху в меню — Location указано именно то меню, какое вам нужно. Или кликните на Menage Location для выбора меню.

Кликаем — Add Element и выбираем во всплывающем окне тип контента который нужно добавить в меню. Наверху слева можно выбрать один из стандартных предлагаемых вариантов или добавить виджеты WordPress.

Mega Menu by WooRockets - выбор контента для меню

При необходимости добавляем строки с разбиением на нужное количество столбцов. Слева располагаются закладки перетаскивания элементов меню вверх или вниз, а справа закладки, где можно включить редактирование или удаление. Не забываем справа нажимать привычную кнопку — Опубликовать или — Обновить для сохранения результатов своих трудов.

В общем, любые тексты, картинки, а при желании и любые виджеты легко разместятся в вашем новом меню. Внешний вид меню можно изменить жмакнув на кнопку Styling или рядом вставить свои таблицы по кнопке  Custom CSS.

Mega Menu by WooRockets - редактирование стиля

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

Скачать плагин.

Великолепные и мощные плагины с помощью которых можно практически создать меню своей мечты. Единственный момент который может немного омрачить радость пользователей, это вопрос совместимости с разными темами. К сожалению, насколько я помню, у премиум плагинов это вопрос иногда возникал. Я тестировал оба плагина на стандартной теме и никаких проблем и багов не заметил. Чего и вам желаю, друзья!

Рекомендую почитать еще по теме:

WordPress меню навигации — Mega Main Menu
UberMenu — ставим ПРО навигацию на свой блог

Похожие

12 Комментов

  1. Я уже давно искал подобное меню, но всегда попадал на платные плагины.

  2. Проблемы возникают с очень многими темами, при чем меню может работать с одной областью вполне нормально, а вот другая область будет смертельна. Часть проблем решается корректировкой css.
    Еще один момент немного смутил — вставить обычное меню WP можно только виджетом или ссылками вручную. Правда может и не все нашел.

  3. Первый плагин там где добавляют виджеты (45 сек. видео) возникает проблема. Нет прокутки и в в тело виджета ничего поставить нельзя.
    Во втором, а он больше понравился, внешний вид меню регулируеться только Styling. Из за этого съезжает родное меню. А подключение CSS — не работает. Уже и вписывала путь к файлу CSS на сайте, и вставляла код — ничего.

  4. Доброго времени суток!
    Во-первых, огромное спасибо за информацию о MegaMenu — это именно то, что я давно искал…
    Ну а теперь вопрос — не подскажете, а как (с помощью какого плагина) у Вас на сайте реализована подзагрузка содержимого страницы по мере ее прокрутки вниз.

    Заранее спасибо

  5. Здравствуйте. Это функционал данной темы. А вообще поищите плагины типа Lazy Load.

  6. А вот что делать, если Max mega menu не срабатывает при клике? И в мобильной версии не разворачивается. Это какой-то конфликт скриптов? На сайте испльзуются только стандартные плагины, которые идут с wordpress. Буду благодарна, если подскажите в какую сторону смотреть

    1. Причины могут быть разные. Прежде всего стоит убедиться в отсутствии конфликтов (отключите все прочие скрипты), проверить работу с любой стандартной темой. Внимательно читать форум поддержки на предмет похожих проблем.

  7. У меня это меню при 50 категорий начинает грузить сайт на 10 сек, есть какое-то средство закешировать это дело?

  8. Добрый день!
    Подскажите, пожалуйста, как сделать, чтобы Max Mega Menu был по ширине основной страницы?

  9. Здравствуйте, огромное спасибо за статью! А каким именно плагином реализовано меню на Вашем сайте, мне очень понравилось, я именно такое и хочу, но никак не получается сделать, подскажите, очень прошу(((

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button