Max mega menu как настроить

Мега плагин для мега меню WordPress

Для того чтобы создать меню WordPress , можно воспользоваться стандартными средствами. Их вполне может хватить, если к этому навигационному элементу не предъявляется каких-то особенных требований. Однако если нужно что-то большее, то без сторонних решений не обойтись.

В этой статье мы вам расскажем про один из самых хорошо зарекомендовавших себя плагинов, который можно использовать для меню WordPress. В нём есть много полезных важностей и функций.

Меню WordPress с помощью плагина Max Mega Menu

Из названия Max Mega Menu уже становится понятным, насколько много у него функций. Чтобы начать работать с этими дополнением, скачайте его, установите на свой сайт и активируйте. После этого в вашей консоли появится новый пункт «Mega Menu», в котором есть три подпункта с настройками. Все их мы рассматривать не станем, так как у плагина очень много опций. Остановимся только на самых основных.

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

Следующий подпункт «Menu Themes». Здесь определяется дизайн для меню. Можно создать новые собственные темы для меню в неограниченном количестве. Если вы будете разбираться с этим набором опций, то у вас уйдёт на это полдня или даже больше – настолько много здесь возможностей для кастомизации внешнего вида. Практически любая идея может быть реализована в этом меню WordPress. Единственный недостаток этой страницы настроек – это то, что тут всё по-английски.

Последний подпункт настроек – это «Tools». Здесь собраны инструменты для очистки CSS стилей плагина, данных, а также экспорта и импорта стилей. Последнее очень удобно, это позволяет создать один раз тему для меню и переносить её на другие сайт с таким же плагином.

Теперь можно перейти в пункт «Внешний вид» и подпункт «Меню», туда, где мы создаём все меню. Здесь среди элементов появится новая вкладка Max Mega Menu Settings. Для начала её надо включить, установив галочку на Enable. Можно настроить ряд опций и выбрать тему, которая будет применяться к текущему меню.

Кроме того, у каждого пункта созданного меню создаётся кнопка «Mega menu», при нажатии на неё можно настроить каждый из пунктов индивидуально. Присутствуют практически все необходимые настройки, в том числе и возможность установить иконку для каждого пункта. Правда, в бесплатной версии этого плагина можно установить иконку только из заданного набора, а загрузить свою нельзя.

Источник

8 лучших расширений для WordPress для совершенствования меню на вашем сайте

Чтобы полностью раскрыть потенциал меню на WordPress, попробуйте несколько доступных плагинов. Выбор достаточно широкий, ведь плагины позволяют расширить возможности меню самым разным образом, например, бывают и мега-меню, и адаптивные меню, и кнопки меню и т.д. Ниже список из 8 лучших, на мой взгляд, плагинов для меню на WordPress.

1. Адаптивное меню

Если на вашем сайте еще нет адаптивного меню, то плагин Responsive Menu – хороший выбор для каждого уважающего себя владельца сайта. Расширение предоставляет возможность использовать множество настроек и имеет платную и бесплатную версии. Бесплатный вариант Responsive Menu позволяет изменить немало: цвет, шрифт, кегль, фоновые изображения, реализована возможность деактивировать элементы меню или поменять их порядок, поменять расположение меню на странице (слева, справа, сверху или снизу) и т.д.

2. Max Mega Menu

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

В расширении Max Mega Menu используется drag-and-drop. Можно одновременно открывать несколько экземпляров плагина и наладить достаточно много визуальных эффектов в меню, например, которые появляются при наведении мыши. Можно сделать так, чтобы при наведении или нажатии мышью появлялись подменю, чтобы изображение плавно появлялось и исчезало, чтобы при навигации выдвигалось подменю сверху или сбоку, добавить иконки. Все это доступно в бесплатной версии, а в платной – еще больше.

3. All in Menu

All in Menu – еще одно расширение на WordPress для создания адаптивных и динамических заголовков мега-меню. В этом плагине тоже используется drag-and-drop, но этот плагин не пользуется такой же популярностью как Max Mega Menu и в нем нет таких же возможностей для индивидуальной конфигурации. Но это не значит, что его не стоит попробовать. Можно настроить расположение элементов меню, их цвет и ширину.

4. WP Mobile Menu

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

5. If Menu

If Menu – простой, но очень полезный плагин. С его помощью можно настроить параметры, с учетом которых элементы меню отображаются и скрываются. К таким параметрам относятся состояние пользователя (в системе или нет), роль пользователя (администратор и т.д.), тип страницы (домашняя страница и т.д.) и тип устройства (например, мобильный телефон). Продвинутые пользователи могут сами настроить параметры.

6. Menu Buttons

Menu Buttons — скромное, простое, но очень полезное расширение для WordPress. Из названия вы, возможно, уже догадались, что оно позволяет добавить в меню кнопки. Допустим, по умолчанию в оформлении сайта таких кнопок нет, а вам бы хотелось чуть-чуть освежить его дизайн. Плагин позволяет задать цвет, цвет текста, цвет при наведении мышью, ширину, высоту и радиус границ кнопок меню.

7. Menus

Помимо меню для пользователей существуют и меню для администраторов. В них вам тоже может захотеть внести изменения. Menus – один из меню для администраторов, которым можно воспользоваться сразу при работе с несколькими сайтами. Расширение позволяет переключаться между меню сайтов в вашей сети и даже удалять некоторые элементы из полосы меню администратора. Это отличный способ навести порядок в интерфейсе администратора и скрыть меню, которыми вы не пользуетесь.

8. Admin Menu Editor

Admin Menu Editor – еще один плагин для внесения изменений в главную страницу администратора. С помощью drag-and-drop можно изменить порядок меню, создать собственное меню, скрыть или отобразить элементы меню, изменить права доступа и т.д. Существует как платная, так и бесплатная версия. В платной версии доступны следующие продвинутые инструменты: настройка прав доступа для разных ролей, скрытие меню от всех за исключением конкретного пользователя, экспорт меню администратора.

Удобное меню – залог удобной навигации. Пока ваш сайт небольшой и он состоит из нескольких страниц, структурирование меню может не требоваться, но по мере развития вашего сайта, меню пользователей и администратора постепенно будут становиться слишком громоздкими и неудобными. Этого можно избежать, воспользовавшись расширениями в этой статье и облегчив жизнь себе и своим пользователям при навигации на сайте.

Источник

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

Насколько я понимаю, под термином мега меню в 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

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

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

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

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

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

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

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

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

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 вы используете и почему? Работали с данным решением, что можете по нему добавить?

Источник