13 лучших плагинов создания мобильного меню WordPress
Разработка веб-сайта в первую очередь направлена на улучшение пользовательского опыта. Какое отношение к этому имеет меню? Как только посетители попадают на сайт, они должны легко перемещаться по нему, чтобы найти то, что ищут. Именно поэтому необходима удобная навигация.
Зачем нужен плагин меню WordPress
Меню — это как карта, которая помогает посетителям ориентироваться на сайте. Поэтому оно имеет большое значение для успеха веб-проекта.
Оно может побудить посетителей проводить больше времени на сайте, что обеспечит повышение коэффициента конверсии, а это, в свою очередь, станет положительным сигналом для поисковых систем.
Если они покидают сайт сразу, это плохо. Если нет, это хорошо. И навигация по сайту может способствовать снижению показателя отказов.
Помимо практической функции, меню занимают видное место на экране ресурса и могут улучшить его внешний вид.
Хотя WordPress имеет встроенные функции меню, чаще всего требуется больше возможностей. Именно тогда на помощь приходят плагины.
Вы можете создать меню любого стиля, которое лучше всего подходит для сайта или блога. Возможны фиксированные, мега-меню (с добавлением ссылок и изображений), раскрывающиеся, варианты для мобильных устройств, а также кастомизация их видимости.
5 ключевых функций плагинов меню WordPress
Наличие отличного плагина навигации для WordPress значительно упрощает работу. Но на что следует обратить внимание при выборе такого расширения?
Вот 5 наиболее распространенных функций, которые я рассматривал в каждом инструменте при поиске лучших вариантов для этой подборки:
- Плагин должен быть адаптивным и плавно работать на десктопах, планшетах и мобильных устройствах.
- Функции конфигурации позволяют легко адаптировать меню к потребностям (без программирования).
- Готовые к работе шаблоны, которые позволяют сэкономить время, избавляя от необходимости сложной кастомизации.
- Интеграция с темами ВордПресс, конструкторами и WooCommerce.
- Возможность сделать навигацию фиксированной или плавающей.
Лучшие плагины мобильного меню WordPress
WPBar
Плагин WPBar отвечает всем запросам, которые я предъявляю к мобильному меню. Это расширение с очень простой идеей — сделать на сайте навигацию на манер популярных мобильных приложений.
Большинство пользователей уже привыкли, что при заходе в любое популярное приложение, снизу отображается удобное меню для быстрого переключения между разделами. WPBar позволяет в пару кликов реализовать такое же меню на сайте, при этом добавив в него не только линки перехода между страницами, но и некоторые полезные функции. Это в разы повышает ценность мобильного меню на сайте.
После установки плагина, в админке появится раздел ВПБар. В нем без знаний программирования в пару кликов легко:
- Вывести панель меню, таргетировав ее на нужные устройства (мобильные, планшет, PC).
- Добавить необходимые элементы: от перехода между разделами на сайте до поиска по товарам, корзины или собственного JavaScript-кода.
- Настроить внешний вид панели.
- Таргетировать плавила показа.
В отличие от многих других плагинов в подборке, WPBar позволяет настроить несколько панелей и таргетировать их не только по устройству, но и по контенту. Это дает возможность, например, в блоге вывести один тип навигации, а в магазине другой. Подобный подход существенно повышает конверсию.
Подходит для: Повышения конверсии и времени удержания пользователей на сайте. Удобно пользоваться без знаний программирования.
Цена: 2900 рублей за 1 домен, можно приобрести лицензию сразу на 3 домена или неограниченную (на любое количество собственных сайтов).
WPBar со скидкой
UberMenu
UberMenu — популярный плагин для создания сложных мега-меню, состоящих из множества уровней.
Его выдающаяся особенность позволяет добавлять в меню расширенный контент, например Google Maps. Вы даже можете конфигурировать отображение сетки постов блога.
Более того, настройте сетку так, чтобы она отображала конкретный материал и избранные картинки. Вы можете выровнять меню по вертикали или создать несколько вариантов с независимыми настройками, если хотите.
Плагин хорошо интегрируется с системой меню WP, но ваша тема должна включать таблицу стилей, специфичную для UberMenu.
Возможно также использовать оптимизированную тему ВордПресс для мега-меню. Она включает интуитивный конструктор, который любой может использовать для создания адаптивных сеток с несколькими столбцами. Функция предварительного просмотра в реальном времени позволяет наблюдать за процессом создания онлайн, одновременно кастомизируя его.
С UberMenu вы можете оставить все простым или добавить еще больше функциональности, интегрировав сторонние виджеты.
Подходит для: Начинающих и профессиональных пользователей, которым нужно создать расширенное мега-меню.
Цена: Обычная лицензия стоит $26. Ограничено одним клиентом/пользователем.
Max Mega Menu
При установке Max Mega Menu существующее меню автоматически преобразуется в мега-меню. Конструктор с функцией перетаскивания помогает создавать меню прямо из дашборда, полностью исключая необходимость в программировании.
Вы можете преобразовать меню в удобную для сенсорного управления и легкодоступную навигацию всего за несколько кликов.
Возможно кастомизировать стиль мега-меню с помощью редактора темы и изменить его поведение за счет встроенных настроек WordPress. Это дает множество возможностей для персонализации.
Плагин позволяет создавать сложные меню, добавляя интерактивные элементы, такие как карты. Он также может включать такие функции, как календари и контактные формы, а также интегрироваться со сторонними расширениями.
Обычно функция мега-меню встречается только в премиум-плагинах или вариантах расширенного уровня, но в Max Mega Menu она бесплатна. Несмотря на широкий набор функций, инструмент легкий и быстро загружается.
Возможно, вы захотите перейти на платную версию, чтобы получить дополнительные функции, такие как поддержка WooCommerce и Easy Digital Downloads.
Подходит для: Быстрого и простого создания сложных мега-меню в вашей любимой теме ВордПресс.
Цена:
- Бесплатно: у вас будет несколько мест размещения меню, поддержка виджетов, различные переходы.
- Лицензия для частного использования стоит $29: 1 сайт, все функции (поддержка и обновления истекают через 12 месяцев).
- Бизнес-лицензия стоит $49: 5 проектов, все функции (поддержка и обновления истекают через 12 месяцев).
- Тариф для разработчиков обойдется в $99: 99 сайтов, все функции (12 месяцев поддержки и пожизненные обновления).
WP Responsive Menu
Вам стоит попробовать WP Responsive Menu, чтобы превратить навигацию ВордПресс в классное слайдерное меню, идеально подходящее для мобильных устройств.
Плагин легко интегрируется с интерфейсом админки WP и содержит множество удобных инструментов.
Самое классное в том, что вы можете скрыть ненужные функции для мобильных устройств. Но пользователи десктопов будут видеть все.
WP Responsive Menu выделяется тем, что процесс создания меню упрощен. Это позволяет разработать красивое и функциональное меню за считанные секунды, используя десятки доступных кастомных опций.
Расширение поддерживает жесты пролистывания и масштабирования с помощью сжатия пальцев и хорошо интегрируется со всеми платформами.
Вы также можете добавить в меню функцию поиска, что еще больше упростит поиск контента. Плагин хорошо работает с любыми фреймворками тем, а также с Multisite и ВуКомерс.
Подходит для: Всех, кому нужно быстрое и простое решение для улучшения стандартной навигации ВордПресс с помощью более эффективной.
Цена: Бесплатный тариф: адаптивный макет, кастомные стиль, жесты пролистывания. Один сайт за $35: все функции. 2–5 сайтов за $89: доступны все функции. Неограниченное количество сайтов $159: доступны все функции.
If Menu
If Menu — это интересный инструмент, но вам стоит подумать об ограничении видимости меню. С помощью If Menu возможно установить ограничительные правила в зависимости от ролей (администраторы, редакторы), геолокации и авторизованных пользователей.
Другими словами, если есть разделы, к которым хотите предоставить доступ только администраторам, а редакторам — к одной части меню, то это именно тот плагин, который нужен.
Подходит для: Каждого пользователя, который хочет ограничить видимость меню в зависимости от роли, устройства и т. д. Идеально подходит для сайтов с членством.
Цена: Бесплатно. Есть дополнение More Visibility Rules за $20. Вам будут доступны геолокация, интеграция со сторонними плагинами, премиум-поддержка.
WP Mobile Menu
Весьма вероятно, что большая часть трафика приходится на мобильные устройства. В связи с этим вам, возможно, понадобится специально конфигурировать и оптимизировать сайт для пользователей смарт-гаджетов.
Возможно, понадобится улучшить мобильное меню, чтобы сделать его более эффективным и удобным в использовании. Возможности WP Mobile Menu улучшат пользовательский опыт на сайте.
Набор функций, предлагаемых плагином, огромен для инструмента, который ничего не стоит.
Расширение включает многоуровневое раскрывающееся меню, «голый» хедер, маску наложения и фоновое изображение, а также поддерживает кастомный логотип.
Конечно, вы также можете изменить стиль меню, чтобы он точно соответствовал брендинговым требованиям. Убедитесь, что интерфейс страницы для мобильных устройств так же первоклассен, как и для десктопов.
Подходит для: Улучшения пользовательского опыта сайта с помощью оптимизированного меню.
Цена:
- Бесплатно: 3-уровневое меню, «голый» хедер, кастомный стиль.
- Профессиональный ($6,49+/месяц): все бесплатные функции, меню в футере, накладываемое меню
- Бизнес ($9,99+/месяц): все функции профессионального плана, плавающая корзина, фильтр товаров.
- Предприятие ($29,99+/месяц): все функции бизнес-плана, менеджер успеха, частный канал в Slack.
Menu Icons
Вы можете добавить иконки в меню с помощью плагина Menu Icons — это очень просто. Этот отличное расширение для ВордПресс не требует особых усилий, а его кастомизация занимает совсем немного времени. Я рекомендую уделять внимание даже мельчайшим деталям, чтобы сделать сайт лучше.
После установки и активации Menu Icons перейдите в раздел «Внешний вид» в админ-панели и найдите пункт «Меню».
Выберите значок, который лучше всего подходит к данному разделу, добавьте его, сохраните меню. Все готово. С этого момента можете редактировать меню по своему усмотрению.
Menu Icons — это адаптивный инструмент, который работает с большинством современных тем. Он также поддерживает различные наборы значков, такие как Font Awesome, Fontello, TI Icons и Foundation Icons.
Подходит для: Оживления пунктов меню с помощью запоминающихся значков.
Цена: Бесплатно.
Advanced Sidebar Menu
Вы можете добиться отличных результатов при создании сайдбара с помощью Advanced Sidebar Menu. Этот плагин меню для WordPress немного выходит за рамки нормы по сравнению с меню, которые обычно видите в верхней части ресурса.
Тем не менее, он по-прежнему очень прост в использовании и конфигурации, как и любой другой инструмент из этой подборки.
Advanced Sidebar Menu предлагает виджеты страниц и категорий, которые можно легко добавить в сайдбар. Он также имеет блоки страниц и категорий, что делает его совместимым с Gutenberg.
Используйте тот вариант, который больше нравится, или даже оставайтесь при обоих, если считаете, что они подходят для проекта.
Подходит для: Если хотите добавить навигацию сайтов WordPress в сайдбар, а не в верхнюю часть.
Цена: Бесплатно: вам будут доступны блоки и виджеты, упорядочивание страниц, кастомная видимость категорий и страниц. Тариф Pro за $64/год или $174/пожизненно. В него входит множество вариантов стилизации, стили с маркерами или без, кастомные таксономии.
My Sticky Menu
My Sticky Menu отлично подходит для всех видов рекламных акций и уведомлений, которым хотите придать дополнительный блеск. Вам не нужно ограничиваться только плавающими меню.
Кроме того, не нужны знания в области программирования, чтобы активировать My Sticky Menu и заставить его работать на сайте или блоге.
Предоставьте посетителям постоянный доступ к меню, без необходимости прокручивать страницу обратно к верху, чтобы перейти в другой раздел.
Подходит для: Пользователей, которые хотели бы воспользоваться преимуществами простой активации плавающего меню.
Цена:
- Бесплатно. Эффекты затухания и слайда, кастомное время перехода, поддержка RTL.
- Базовый за $25/год: 1 сайт, все функции.
- Плюс за $59/год: 5 проектов, все опции.
- Агентство за $99/год: 50 ресурсов, все функции.
Float Menu
Float Menu — это плагин меню для ВордПресс. Его стоит рассмотреть, если хотите сделать меню плавающим. Уникальная особенность плагина — сдвиг в сторону при прокрутке.
Независимо от того, в каком разделе страницы находитесь и как долго прокручиваете, меню всегда будет на месте, предлагая перейти в другое место без необходимости прокручивать страницу обратно к верху.
Кроме того, меню занимает небольшую часть экрана, не мешая просмотру.
Что касается функций, то Float Menu предлагает множество возможностей, позволяя каждому получить от него максимум пользы с минимальными усилиями.
Вы можете использовать Float Menu для создания именно такого плавающего меню, какое нравится, расположив его справа или слева. Более того, возможно добавлять собственные надписи на кнопки, изменять цвет, вставлять любые ссылки и даже кастомизировать фон кнопок.
Подходит для: Всех, кто хочет сделать меню сайта плавающим с уникальной функцией сдвига вправо/влево.
Цена: Есть бесплатная версия, она включает кастомные надписи и кнопки, поддержку ссылок, кнопки квадратной формы. Есть тариф Pro за $25+ для 1+ сайтов. Вам доступны расширенные возможности кастомизации, поддержка перевода, кастомные правила отображения.
WooCommerce Menu Cart
Если управляете сайтом на WP с WooCommerce, может понадобиться добавить кнопку «Корзина» в панель навигации для удобства покупателей.
Это обеспечивает клиентам постоянный доступ к их корзине, и WooCommerce Menu Cart позволяет сделать это быстро.
Достаточно всего нескольких кликов, чтобы настроить этот плагин и обеспечить дополнительный уровень удобства. С помощью него вы можете делать всевозможные кастомизации для показа деталей.
Возможно показывать только товары или цену или даже и то, и другое. Более того, корзина может появляться в меню только тогда, когда в нее добавлен товар, а оставаться пустой, когда в ней ничего нет.
Вы можете конфигурировать корзину так, чтобы она располагалась слева или справа, или использовать ее в стандартных настройках меню. Помимо совместимости с ВуКомерс, WooCommerce Menu Cart работает с Easy Digital Downloads, Jigoshop и другими платформами.
Подходит для: Каждого пользователя WooCommerce, который хочет отобразить корзину в разделе меню.
Цена: Есть бесплатная версия, в нее входят кастомизация CSS и правила видимости. План Pro стоит 29€+/1+ сайт. Он предлагает 10+ вариантов корзины, выпадающее меню, многоязычную поддержку, поддержку сторонних плагинов.
QuadMenu
QuadMenu — один из редких бесплатных плагинов мега-меню для WP. Он позволяет просто создавать мега-меню, меню со вкладками и карусельные варианты.
Это адаптивное меню подходит для экранов любого размера и разработано по концепции «mobile-first». Оно также оптимизировано для сенсорных экранов, что улучшает пользовательский опыт.
Еще одна ключевая особенность, выделяющая этот плагин среди других альтернатив, — это разнообразие доступных макетов.
Это первое мега-меню, представляющее собой универсальное решение. Вы можете создавать горизонтальные или вертикальные меню на десктопах, а также сворачиваемые или выпадающие на мобильных устройствах.
Админ-панель QuadMenu была стратегически интегрирована, поэтому она выглядит как стандартная панель ВордПресс.
Пользовательский интерфейс с функцией перетаскивания позволяет управлять всем содержимым, добавляя виджеты и другие элементы в стандартные блоки меню WordPress.
Интеграция панели кастомайзера позволяет персонализировать все цветовые схемы меню и параметры макета с предварительным просмотром в режиме реального времени.
QuadMenu — это плагин по модели freemium с бесплатной и платной версиями. Они включают такие функции, как формы входа и регистрации, меню с вкладками и карусельное меню.
Подходит для: Опытных пользователей, которым нужны многочисленные опции конфигурации для создания идеального меню для сайта или блога. Плагин можно использовать для мега-меню, меню вне экрана, карусельных вариантов и т.д.
Цена:
- Бесплатная версия. Она предоставляет автоматическую и ручную интеграция, конструктор с перетаскиванием, вертикальное, горизонтальное и внекадровое меню.
- Personal за $49: 1 сайт, все опции.
- Agency за $99: 5 проектов, все функции.
- Developer за $149: неограниченное количество сайтов, все опции.
Admin Menu Editor
Admin Menu Editor помогает вручную редактировать меню дашборда. Вы можете создавать определенные пункты, изменять названия и упорядочивать пункты с помощью перетаскивания.
Перемещайте пункты меню на уровни подменю и создавайте пользовательские варианты, которые ведут в любую часть дашборда или на внешний URL.
Если что-то пойдет не так, вы как администратор можете легко восстановить версию по умолчанию.
Кроме того, возможно настроить его как глобальный плагин в мультисайтовой сети. Это позволит сетевому администратору редактировать дашборд для всех ресурсов и пользователей одновременно.
Вы также можете установить пользовательские права доступа к меню, чтобы не все видели все. Admin Menu Editor также работает с шорткодами WordPress и может открывать меню в новом окне (но это доступно только в премиум-версии).
Подходит для: Конфигурации меню администратора ВордПресс.
Цена:
- Бесплатно: редактор, скрытие и отображение меню или пунктов.
- Personal за $29/год: 2 сайта, все бесплатные опции.
- Plus за $39/год): 5 проектов, использование на сайтах клиентов.
- Agency за $59/год: неограниченное количество ресурсов, использование на сайтах клиентов, редактор панели инструментов.
FAQ
Заключение
На этом мой список лучших плагинов для создания мобильного меню в WordPress завершен. Надеюсь, статья помогла вам найти отличное расширение для своего веб-проекта.
Пожалуйста, оцените материал:
