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

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

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

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

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