Лучшие мобильные плагины WordPress

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

Более 43% всех сайтов построены на WordPress, и многие из них переживают лучшие времена — по крайней мере, когда речь идет о технологическом прогрессе. Вы наверняка знаете такие сайты: Шрифт слишком мелкий, по меню можно перемещаться только с помощью двухпальцевого зума, а изображения выходят за пределы области просмотра вашего смартфона. Проблема в том, что полная переделка сайта под отзывчивую тему требует много времени и денег.

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

Чтобы понять, о чем идет речь, посмотрите на следующий пример тестового сайта на WordPress версии 5.9 с темой Twenty Eleven, созданной WordPress.org.

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

*Ценовой рейтинг основан на премиум-версии для одного сайта. **Как пакет с многочисленными дополнительными функциями.

WP Mobile Menu — это простой в использовании плагин, который был обновлен с выходом WordPress 5.9.

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

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

• Вставка индивидуального текста заголовка и/или логотипа вместо автоматически вставляемого заголовка сайта
• настраиваемое наложение
• Вставка фонового изображения для меню
• отключение отображения определенных элементов при активном мобильном меню
• Использование шрифтов Google
• Индивидуальный дизайн меню, например, выбор из пяти вариантов дизайна кнопки гамбургера
• Два режима отображения меню: поверх содержимого или вытесняя его.

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

Этот мобильный плагин WordPress поставляется с отзывчивым и удобным интерфейсом администратора.

В бесплатной версии админ-панель Max Mega Menu имеет следующие возможности:

• Создание горизонтальных элементов мега-меню с количеством уровней до трех.
• Индивидуальные настройки для каждого уровня меню, включая навигационную стрелку
• Упорядочивание элементов с помощью перетаскивания (частично)
• Сохранение дизайна меню в виде отдельных тем
• Индивидуальная стилизация с помощью CSS/SCSS
• Экспорт и импорт собственных тем меню в JSON или PHP
• Легкий доступ к документации

Некоторые функции требуют знания HTML или CSS, например, если вы хотите правильно использовать «z-index».

Профессиональная версия включает в себя липкое, вкладное, аккордеонное и вертикальное меню, 600 иконок меню, 200 Google Fonts, значки меню для повышения видимости, а также поддержку WooCommerce и Easy Digital Downloads.

Мобильный плагин WordPress WPtouch добавляет легкую мобильную тему на ваш существующий сайт. Она удобна в использовании, а элементы, доступные только в pro-версии, специально отмечены.

Из всех протестированных здесь мобильных плагинов WordPress этот вносит наиболее заметные визуальные изменения на сайте. Самое большое отличие от других плагинов, которые мы описали, — это использование настройщика для адаптации мобильного дизайна. Когда вы нажмете кнопку «Изменить на мобильную тему», вы сможете увидеть и настроить мобильную версию сайта. Разработчики основывались на рекомендациях Google по эффективному пользовательскому опыту и создали очень легкий плагин. Новый мобильный сайт имеет четкую структуру, а текстовые блоки стали гораздо более читабельными.

Бесплатная версия плагина имеет следующие возможности:

• Выбор до шести устройств/браузеров, под которые будет оптимизирован мобильный сайт.
• Адаптация мобильной версии в настройщике
• Меню может быть активировано как выпадающее или как выдвигающее содержимое из рамки
• Настройте положение кнопки гамбургера
• Выберите свои собственные цвета для фона, заголовка, меню, ссылок и заголовков
• Админ-панель доступна на 23 языках
• Не влияет на оригинальную тему при отображении на рабочем столе или другие настройки WordPress

Версия pro довольно дорогая и может быть приобретена в виде годовой подписки. Она включает в себя премиум-поддержку, дополнительные мобильные темы, интеграцию рекламы, функцию «связанные сообщения» и использование jQuery.

AMP for WP — это проект, возглавляемый компанией Google. Этот мобильный плагин WordPress реализует рекомендации Google по улучшению видимости в поисковых системах и повышению скорости сайтов WordPress. Это якобы помогает повысить рейтинг сайта в результатах поиска Google.

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

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

Этот отзывчивый плагин для WordPress поставляется с огромным набором функций, позволяющих сделать ваш сайт удобным для мобильных устройств. По словам разработчиков, бесплатная версия поставляется с четырьмя темами и более чем 300 возможными конфигурациями. В разделе «Расширения» в панели администратора вы можете приобрести дополнительные функции. Бесплатные функции включают:

• Поддержка конструкторов страниц
• Автоматическое удаление неиспользуемых CSS
• Поддержка шрифтов Google, даже для локального использования
• Совместимость с различными инструментами SEO
• Поддержка Google Tag Manager, Adsense (AMP-AD), поддержка Analytics и дополнительные инструменты для анализа
• Возможность иметь разный контент для мобильных и настольных компьютеров
• Функция «Похожие посты»
• Улучшенная адаптация изображений
• Встраивание видео с YouTube, Vimeo, Twitter, Instagram и Facebook
• Интеграция двенадцати новых каналов социальных сетей
• Установить AMP-версию в качестве домашней страницы и/или приоритетной страницы
• Соответствует GDPR

Платные функции включают:

• Некоторые формы администрирования объявлений
• Поддержка специальных контактных форм
• Подписка на рассылки по электронной почте
• Поддержка нескольких языков с помощью WPML, Polylang и WeGlot
• Связь с электронной коммерцией
• Шаблоны для элементов призыва к действию
• Более 45 дополнительных функций из мира AMP

Кстати: AMP для WP отличается от проекта AMP с открытым исходным кодом. Последний взялся за создание сайтов со значительно меньшим количеством кода, чтобы повысить их скорость. Подробнее об этом вы можете прочитать в нашем руководстве по плагинам AMP для WordPress. Мобильный плагин WordPress AMP for WP частично берет на себя эти задачи. Кроме того, он учитывает советы WordPress по SEO, исходящие от самого Google.