Бесплатное Мега Меню на вашем сайте
Совсем еще недавно, такая фишка как Мега Меню было уделом исключительно премиум плагинов и тем. Но сегодня, я представлю вам, дорогие читатели, два совершенно бесплатных плагина, которые позволят быстро, легко и разумеется, совершенно бесплатно, соорудить у себя на сайте мощное меню навигации, не так уж и сильно уступающее платным аналогам.
Что такое вообще, это Мега Меню? Да то же самое, привычное меню навигации с которым вы наверняка уже не раз сталкивались и настраивали. Просто в отличие от стандартного функционала, тут присутствуют еще дополнительные возможности для настройки и вывода отдельных элементов. Например, добавление не только вертикального, но и горизонтального подменю, добавление в меню иконок и отдельных изображений, детальная настройка внешнего вида для всех элементов меню и прочее. Всё это есть в наших рассматриваемых сегодня плагинах.
Max Mega Menu
Стандартная установка и активация. После активации в админке появится новый раздел — Menu Themes. В нем сосредоточены все настройки внешнего вида вашего будущего меню. Можете изменить стандартную тему или создать свою собственную. Впрочем, начать стоит не с внешнего вида, а с самого меню.
Переходим в свой основной раздел — Меню. Если до этого вы еще не создали вообще ни одного меню, стоит сделать это прямо сейчас и сделать его активным в закладке — Управление областями. Слева появится закладка — Maga Menu Settings. Поставьте галочку в чекбоксе «Enable» и настройте:
- Event — по какому событию открывать меню. По клику или наведению мыши.
- Effect — визуальный эффект вывода.
- Theme — по умолчанию одна тема (смотрите выше), но если вы создадите свою, то сможете её тут выбрать.
Остальные настройки сосредоточены справа в самих элементах меню навигации. Причем для разных элементов они могут отличатся в зависимости от вложенности. Выберите иконку если нужно, тип меню, в Configure Panel Widgets встроен мощный Drag & drop редактор который поможет вам вывести в меню любые виджеты.
К слову сказать — меню полностью адаптивное к мобильным устройствам и поддерживает Retina экраны. Взгляните на небольшой видео ролик, где кратко и понятно всё показано автором. Английский знать не надо 🙂
Mega Menu by WooRockets.com
Еще одна отличная возможность добавить на сайт суперское меню навигации с плагином — Mega Menu by WooRockets.com. Установка и активация плагина стандартные.
Данный плагин несколько сложнее в освоении, но и возможностей предлагает больше нежели вышеописанный конкурент. Тут строительство меню очень похоже на строительство страниц в стандартном Visual Composer.
Переходим в раздел WR mega menu в вашей админке и кликаем на Add New. Попадаем на новую страницу для построения нового меню. Те кто раньше уже имел дело с Drag & drop композерами сразу почувствуют себя в родной стихии. Процесс строительства меню мало чем отличается от построения страницы.
В начале убедитесь, что наверху в меню — Location указано именно то меню, какое вам нужно. Или кликните на Menage Location для выбора меню.
Кликаем — Add Element и выбираем во всплывающем окне тип контента который нужно добавить в меню. Наверху слева можно выбрать один из стандартных предлагаемых вариантов или добавить виджеты WordPress.
При необходимости добавляем строки с разбиением на нужное количество столбцов. Слева располагаются закладки перетаскивания элементов меню вверх или вниз, а справа закладки, где можно включить редактирование или удаление. Не забываем справа нажимать привычную кнопку — Опубликовать или — Обновить для сохранения результатов своих трудов.
В общем, любые тексты, картинки, а при желании и любые виджеты легко разместятся в вашем новом меню. Внешний вид меню можно изменить жмакнув на кнопку Styling или рядом вставить свои таблицы по кнопке Custom CSS.
Очень функциональная штуковина, короче. Не зря у авторов кроме этого плагина есть еще: контактная форма и конечно — композер, который видимо и послужил основой для плагина мега меню. Посмотреть работающее демо во всей красе можно вот здесь.
Великолепные и мощные плагины с помощью которых можно практически создать меню своей мечты. Единственный момент который может немного омрачить радость пользователей, это вопрос совместимости с разными темами. К сожалению, насколько я помню, у премиум плагинов это вопрос иногда возникал. Я тестировал оба плагина на стандартной теме и никаких проблем и багов не заметил. Чего и вам желаю, друзья!
Рекомендую почитать еще по теме:
WordPress меню навигации — Mega Main Menu
UberMenu — ставим ПРО навигацию на свой блог
Я уже давно искал подобное меню, но всегда попадал на платные плагины.
Проблемы возникают с очень многими темами, при чем меню может работать с одной областью вполне нормально, а вот другая область будет смертельна. Часть проблем решается корректировкой css.
Еще один момент немного смутил — вставить обычное меню WP можно только виджетом или ссылками вручную. Правда может и не все нашел.
Первый плагин там где добавляют виджеты (45 сек. видео) возникает проблема. Нет прокутки и в в тело виджета ничего поставить нельзя.
Во втором, а он больше понравился, внешний вид меню регулируеться только Styling. Из за этого съезжает родное меню. А подключение CSS — не работает. Уже и вписывала путь к файлу CSS на сайте, и вставляла код — ничего.
Доброго времени суток!
Во-первых, огромное спасибо за информацию о MegaMenu — это именно то, что я давно искал…
Ну а теперь вопрос — не подскажете, а как (с помощью какого плагина) у Вас на сайте реализована подзагрузка содержимого страницы по мере ее прокрутки вниз.
Заранее спасибо
Здравствуйте. Это функционал данной темы. А вообще поищите плагины типа Lazy Load.
А вот что делать, если Max mega menu не срабатывает при клике? И в мобильной версии не разворачивается. Это какой-то конфликт скриптов? На сайте испльзуются только стандартные плагины, которые идут с wordpress. Буду благодарна, если подскажите в какую сторону смотреть
Причины могут быть разные. Прежде всего стоит убедиться в отсутствии конфликтов (отключите все прочие скрипты), проверить работу с любой стандартной темой. Внимательно читать форум поддержки на предмет похожих проблем.
У меня это меню при 50 категорий начинает грузить сайт на 10 сек, есть какое-то средство закешировать это дело?
Добрый день!
Подскажите, пожалуйста, как сделать, чтобы Max Mega Menu был по ширине основной страницы?
Здравствуйте, огромное спасибо за статью! А каким именно плагином реализовано меню на Вашем сайте, мне очень понравилось, я именно такое и хочу, но никак не получается сделать, подскажите, очень прошу(((
Здравствуйте, тут уже встроено в тему. А вообще, ищите по тегу mega menu. Таких плагинов сейчас много, например https://wordpress.org/plugins/megamenu/
Морально устарело, поставил себе Groovy Mega Menu и бесплатная и куча фич https://wordpress.org/plugins/groovy-menu-free/