Что умеет
Плагин берёт выбранное меню WordPress и показывает его на мобильных экранах как гамбургер-кнопку с выезжающей панелью. Подходит, когда мобильное меню темы неудобно, сломано или его вовсе нет.
- Типы панели. Выезд слева, справа, сверху или снизу, анимации «сдвиг» и «выдвижение».
- Оформление. Цвета, шрифты, положение кнопки, размеры, глубина подменю, точка переключения на мобильный вид.
- Доступность. Кнопка — настоящий
<button>, подписанные переключатели подменю, фокус остаётся внутри открытого меню, учитывается настройка уменьшения анимации. - Видимость пунктов. Показ только вошедшим или гостям либо выбранным ролям.
- Одно меню. Правки в меню WordPress автоматически отражаются на мобильной версии.
Установка и настройка
Установите плагин, откройте его редактор и выберите меню WordPress. Затем укажите CSS-селектор меню вашей темы, которое нужно скрыть на мобильных. Это самый частый источник проблем: без селектора на странице окажутся два меню. Проверьте на смартфоне и в режиме планшета, настройте точку перехода под ширину, на которой меню темы ломается.
Подводные камни
- Дубль меню. Если не скрыть исходное меню, оно останется и на телефоне, и на ПК. Селектор находят через инструменты разработчика в браузере.
- Конфликты с темами. Темы с собственным мобильным меню или конструкторы шапок (Elementor, Divi) иногда требуют отдельного селектора.
- Скорость. Плагин добавляет свои скрипты и стили, поэтому оцените загрузку страницы до и после установки.
- Кэш. После изменения настроек очистите кэш страниц и минификации.
- Pro-версия. Мега-меню и правила по страницам платные; зарубежную оплату из России может не принять банк.
Кому подойдёт
Сайтам, где нужно быстро получить аккуратное мобильное меню без правки темы. Для общих вопросов доступности сайта, а не только меню, посмотрите Web Accessibility, WP Доступность и виджет UserWay.
