Обзор WP Mobile Menu: создайте лучшее мобильное меню для сайта WordPress

Мобильный трафик составляет около половины всего трафика сайта в Интернете(может быть, и больше для ниши), так что почти каждая тема WordPress в настоящее время рекламирует себя как адаптивная.

Но вот в чем дело – «адаптивный» означает лишь то, что веб-сайт будет адаптироваться к разным устройствам. И это не означает, что мобильные пользователи получат качественный функционал. О том, что они в результате увидят, должны позаботиться вы.

WP Mobile Menu – это бесплатный плагин(есть премиум планы), который добавляет более удобное и функциональное навигационное меню в мобильную версию веб-сайта WordPress, независимо от темы.

В обзоре WP Mobile Menu мы покажем, что он может сделать для вас, и как это работает на живом веб-сайте WordPress.

Функции WP Mobile Menu

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

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

Вы можете легко выбрать один из нескольких типов меню, в том числе:

  • оверлей,
  • выдвижной контент,
  • скольжение по содержанию,
  • скольжение сверху.

Чтобы добавить контент в меню, можно без проблем использовать обычную функциональность меню WordPress, которая может использовать тот же привычный интерфейс и поддерживать согласованность(или использовать другой набор ссылок меню для мобильного меню),

Помимо функции включать обычные ссылки меню, WP Mobile Menu также добавляет некоторые специальные возможности для опций:

  • Ajax live search – посетители могут ввести запрос и мгновенно просмотреть результаты поиска – перезагрузка страницы не требуется.
  • Профиль посетителя – включите профиль посетителя и аватар как часть меню. Это отличный вариант для любого типа веб-сайта или сообщества.
  • Логотип – добавьте логотип как часть меню.
  • WooCommerce – специальная интеграция с WooCommerce поможет вам включить корзины покупок посетителей, а также фильтры для покупок. Можно легко добавить липкую корзину в меню футера.

Помимо основной функциональности, вы приобретаете тонны параметров:

  • цвет,
  • шрифты,
  • иконки,
  • функциональность,
  • и многое иное.

Какому веб-сайту нужен WP Mobile Menu

WP Mobile Menu может помочь любому веб-сайту WordPress. Базовая функциональность – создание лучшего мобильного меню – полезна для любого типа веб-сайта WordPress, так как все больше веб-сайтов становятся мобильными.

Однако есть пару типов веб-сайтов, где WP Mobile Menu работает отлично:

  • Магазины WooCommerce – интеграция WP Mobile Menu с WooCommerce может вам сделать покупки более удобными для посетителя, упрощая клиентам доступ к их корзинам и фильтрам товаров.
  • Веб-сайты для подписчиков / онлайн-курсы – так как вы можете легко создавать специальные меню, предназначенные только для вошедших в систему посетителей. Они упростят вошедшим в систему участникам перемещение по веб-сайту. Кроме того, функцию профиля посетителя может добавить их аватар / профиль в меню(ниже вы увидите это в действии).
  • Социальные сети / форумы – такая же идея, как и для веб-сайтов членства.

Как работает WP Mobile Menu

Чтобы проверить работу плагина, выберем случайную популярную тему из WordPress.org – ColorMag. Вот как выглядит мобильное меню по умолчанию – это простой значок гамбургера, который раскрывает список меню:

Обзор WP Mobile Menu WordPress

Сейчас установим WP Mobile Menu, используя его для создания пользовательского интерфейса.

WP Mobile Menu – начало

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

Обзор WP Mobile Menu WordPress

Меню гамбургера открывает полноразмерное меню:

Обзор WP Mobile Menu WordPress

А значок поиска открывает поиск в реальном времени Ajax, который автоматом предоставляет содержимое, когда пользователи вводят запросы в поле ввода поиска:

Обзор WP Mobile Menu WordPress

Картинки, показанные выше – по умолчанию. Сейчас рассмотрим несколько вариантов, которые вы приобретаете для параметра работы мобильных меню.

Вкладка «Общие настройки»

Эта вкладка делает то, что говорит – то есть может изменить общие настройки выведения мобильного меню.

Вверху вы можете установить ваши собственные контрольные точки и выбрать, какие меню использовать. Опять же, вы приобретаете три различных пункта меню:

  • Левое меню(заголовок).
  • Правое меню(заголовок).
  • Меню в футере.
Обзор WP Mobile Menu WordPress

Вы также можете легко изменить основные настройки того, какой тип меню использовать. К примеру, наложение по умолчанию против одного из типов слайдов. Также можно легко изменять некоторые параметра управления работой подменю:

Обзор WP Mobile Menu WordPress

Вкладка «Заголовок»

Во вкладке «Заголовок» можно без труда изменить основные настройки для заголовка мобильного устройства, а не отдельные меню.

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

  • Липкий заголовок.
  • Прозрачный заголовок.
Обзор WP Mobile Menu WordPress

Обычно вы приобретаете здесь несколько опций с набором параметров для управления заголовками:

  • логотип,
  • центровка,
  • иконки,
  • поиск,
  • многое иное.

Смотрите также:

Плагин Admin Menu Tweaker для параметра меню в админке WordPress.

Вкладка «Футер»

Если вы включили меню в футере , вкладка «Футер» может изменить его работу, в том числе указывать, необходимо ли автоматом скрывать меню футера при прокрутке посетителем:

Обзор WP Mobile Menu WordPress

Вот пример того, как может выглядеть меню в футере:

Обзор WP Mobile Menu WordPress

Левое и правое меню

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

В верхней части вы можете без труда использовать элементы управления перетаскиванием и видимостью, чтобы управлять выведением содержимого:

  • Левое меню – это содержимое актуального меню WordPress(«Внешний вид» → «Меню»).
  • Профиль посетителя – это выделенная функцию, отображающая профиль посетителя.
  • Логотип – вы можете включить логотип веб-сайта.
  • Поиск – можно без проблем добавить поиск в меню.
Обзор WP Mobile Menu WordPress

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

Обзор WP Mobile Menu WordPress

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

Помимо данных важных параметров, плагин дает несколько вариантов управления:

  • Иконки.
  • Фоновое изображение / цвет для меню.
  • Определение размеров / интервал.

Варианты идентичны для правой /левой позиции меню.

Вкладка «WooCommerce»

Если вы работаете в магазине WooCommerce, то во вкладке WooCommerce вы найдете пару полезных вариантов создания меню, посвященных электронной коммерции. Так как почти половина электронной коммерции происходит на мобильных устройствах, это действительно отличный метод улучшить мобильные покупки в магазине.

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

Обзор WP Mobile Menu WordPress

Можно без труда добавить фильтры продуктов, которые будут появляться только на страницах магазина и архива. И вы приобретаете замечательные возможности, такие как функция автоматически открывать панель корзины покупок после того, как клиент добавляет товар в корзину и ограничивает поиск по заголовку только продуктами WooCommerce:

Обзор WP Mobile Menu WordPress

Вкладки «Цвета» и «Шрифты»

Как следует из названий, вкладки «Цвета» и «Шрифты » предлагают полный контроль над цветами и шрифтами для всех опций меню.

Параметра здесь довольно подробные:

Обзор WP Mobile Menu WordPress

WP Mobile Menu: сколько это будет стоить

WP Mobile Menu имеет в себя базовую бесплатную версию, доступную на WordPress.org.

В премиум варианте есть два основных плана, в зависимости от того, нужна ли вам функциональность WooCommerce:

  • Профессиональный – $ 4.99 в месяц – все премиальные возможности, кроме WooCommerce.
  • Бизнес – $ 7.99 в месяц – все профессиональные возможности плюс поддержка WooCommerce.

Кроме того, существует корпоративный план стоимостью 29,99 долл. США в месяц, который дает вам частный канал Slack и персонального менеджера.

Все планы предоставляют 14-дневную гарантию возврата денег.

Все «за» WP Mobile Menu

Тот факт, что WP Mobile Menu работает с любой темой, означает, что вы сможете легко предложить посетителям улучшенный мобильный интерфейс независимо от того, какая у вас тема.

Благодаря множеству настроек параметра WP Mobile Menu, вы сможете легко точно контролировать , как выглядят и работают меню.

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

Так что независимо от того, какую тему вы используете, рекомендуем ознакомиться с WP Mobile Menu, особенно если у вас большой процент пользователей с мобильных устройств.

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

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