WordPress mobile pack: Лучшие плагины для оптимизации WordPress-сайта под мобильные устройства

лучших мобильных плагинов WordPress — сравнение 7 лучших (2019)

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

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

Итак, первый шаг — понять, что есть разные мобильные интерфейсы на выбор.

1. Первый — это мобильный веб-сайт, который часто называют адаптивным веб-сайтом , где содержание сайта остается прежним, но адаптировано для просмотра на мобильных устройствах с использованием медиа-запросов (кода).
2. Вы также можете выбрать мобильный плагин, который превращает ваш сайт WordPress в приложение . Это совершенно другая программа, которая обычно имеет более мощные мобильные функции, чем ваш мобильный веб-сайт. Это может даже включать создание прогрессивного веб-приложения.
3. Наконец, некоторые мобильные плагины WordPress предназначены только для изменения вашего мобильного меню, поскольку многие мобильные сайты не могут создавать прилично выглядящие меню.

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

Лучшие варианты мобильных плагинов WordPress в 2019 году

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

1. WPtouch
2. AMP для WP
3. Jetpack от WordPress.com
4. Мобильный пакет WordPress
5. Мобильное меню WP
6. Макс Мега Меню
7. AppPresser

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

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

1. WPtouch

Плагин WPtouch, безусловно, является одним из самых популярных вариантов, когда владельцам сайтов WordPress нужно быстро превратить свои сайты в мобильные интерфейсы. Суть плагина заключается в том, что он быстро изменяет любую установленную вами тему и делает ее более удобной для людей с мобильными устройствами.Что интересно в WPtouch, так это то, что он учитывается в Google Mobile Test и гарантирует, что ваш сайт пройдет этот тест. Таким образом, вы сможете поддерживать свой рейтинг SEO и потенциально улучшать его в будущем.

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

Плагин WordPress для WPtouch

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

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

Что делает его лучшим мобильным плагином для WordPress?

• WPtouch имеет бесплатный плагин, который почти мгновенно конвертирует вашу текущую тему веб-сайта в мобильную.
• Pro-версия не такая уж и дорогая, и она предоставляет широкий спектр красивых тем и интересных расширений для таких вещей, как реклама и расширенная типографика.
• Страница настроек WPtouch красиво объединена в панели управления WordPress, и ее легко понять для всех владельцев веб-сайтов.
• Плагин хорошо заменяет адаптивные темы, которые интенсивно используют файлы изображений, JavaScript и CSS. Предлагаемая мобильная тема быстрая, легкая и идеально подходит для тех, кого не устраивает текущая мобильная тема.
• Вы можете немного настроить просмотр в мобильном браузере. Например, плагин позволяет вам выбирать, какие браузеры вы хотите поддерживать, а также предоставляет инструменты для изменения вашего мобильного меню.
• Поддержка клиентов в версии Premium предлагается через адрес электронной почты и исчерпывающую коллекцию статей с практическими рекомендациями и передовыми практиками.

2. AMP для WP

Плагин AMP для WP предоставляет мобильный веб-сайт для вашего текущего сайта. AMP означает ускоренную мобильную страницу, имея в виду ее скорость и эффективность. Это впечатляющий пакет, который требует от вас минимальных усилий, чтобы заменить текущую неотзывчивую тему. Кроме того, если у вас адаптивная тема, рекомендуется проверить, насколько быстро она загружается.Если это не соответствует вашим стандартам, просто замените его плагином AMP for WP. Фактический основной плагин AMP для WP полностью бесплатен. Вы получаете все функции в быстрой загрузке из библиотеки плагинов WordPress. Однако некоторые элементы на мобильном телефоне не так хорошо отображаются по сравнению с настольным компьютером.

Таким образом, AMP для WP продает определенные расширения по отдельности или пакетами. Вы также можете купить разные мобильные темы, которые, как правило, более функциональны и красивы, чем стандартные.Что замечательно в этой настройке, так это то, что большинство расширений и тем продаются менее чем за 10 долларов. Одно из расширений предназначено для размещения рекламы в вашей мобильной теме, в то время как другие позволяют вашей теме лучше работать с контактными формами, WooCommerce, плагинами кеширования и т. Д.

AMP для плагина WP

Также есть возможность стать участником и получить доступ ко всем темам и расширениям. Например, если вам нужны только расширения и темы для личного сайта, это будет стоить вам 149 долларов в год.Доступно несколько других планов, но максимальная цена составляет 499 долларов в год для агентств, которым нужны расширения на неограниченном количестве сайтов.

Но помните, что весь плагин AMP for WP бесплатен. Таким образом, вам не следует обновляться, если нет конкретного расширения, которое вам абсолютно необходимо, или если вы пытаетесь улучшить свою тему. Я бы сказал, что большинство функций уже включены в основной плагин с инструментами для поддержки комментариев Facebook, целевыми страницами, подписками на рассылку по электронной почте и т. Д.

Ознакомьтесь с нашим подробным руководством о том, как настроить и настроить AMP для WP.

Что делает его лучшим мобильным плагином для WordPress?

• Плагин полностью бесплатен, в него уже включено большинство лучших функций.
• Есть множество других расширений, которые вы можете получить менее чем за 10 долларов. Например, если вы хотите, чтобы ваш магазин Easy Digital Downloads хорошо смотрелся в мобильной теме, вы можете купить для этого плагин.
• Стоимость членства довольно разумна, и это позволяет вам получить доступ ко всем расширениям и темам в библиотеке AMP для WP.
• Мобильный сайт, который AMP for WP создает для вас, скорее всего, будет намного быстрее и чище, чем адаптивный сайт, поставляемый с вашей темой WordPress.
• AMP for WP отлично справляется с поддержкой элементов на вашем веб-сайте, которые закодированы с помощью JavaScript или CSS (что иногда вызывает проблемы на мобильных устройствах). Например, плагин поддерживает звездные рейтинги и комментарии. Вы также можете вставлять видео из разных источников.
• Примечание. AMP не для всех, и в итоге мы отключили его на нашем веб-сайте после того, как увидели снижение конверсий.Всегда проверяйте на себе.

3. Jetpack от WordPress.com

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

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

Мобильный плагин Jetpack для WordPress

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

Что делает его лучшим мобильным плагином для WordPress?

• Хотя многие функции Jetpack нужно платить, мобильная тема бесплатна и готова к реализации одним нажатием кнопки.
• Это простая, но современная тема, которая почти гарантированно будет отлично смотреться во всех браузерах и на всех устройствах. Это плюс, если вы хотите, чтобы Google высоко оценил ваш мобильный опыт.
• Плагин Jetpack также включает отложенную загрузку изображений в мобильной теме. Таким образом, когда пользователь прокручивает ваш мобильный веб-сайт вниз, изображения не загружаются, пока не достигнут их. Таким образом, ваш сайт будет работать более эффективно и не тратит ресурсы до тех пор, пока это не понадобится.
• Мобильная тема автоматически размещает ваши боковые панели под основным контентом, чтобы они оставались на странице, но не загромождали формат с одним столбцом, который так хорошо работает на мобильных устройствах.
• Поддерживаются пользовательские заголовки и фоны, поэтому у вас есть несколько настроек для их изменения и обеспечения того, чтобы ваши основные изображения отлично смотрелись для ваших пользователей.
• По умолчанию мобильная тема Jetpack захватывает ваше основное меню и отображает его для мобильных пользователей. Однако есть способ отрегулировать это и сделать так, чтобы для этих людей отображалось совершенно другое меню.
• Довольно много других настроек используются для таких вещей, как скрытие избранных изображений, показ рекламы или изменение ваших отрывков для сообщений в блоге.

4. Мобильный пакет WordPress

WordPress Mobile Pack предлагает то, что он называет прогрессивными веб-приложениями. Это быстрые и надежные приложения с некоторыми интересными функциями, такими как push-уведомления и плавная анимация для мобильного интерфейса. Важно не запутаться в том, как разработчики используют термин «приложение.«Это не те приложения, которые вы бы загрузили из магазина приложений на свой телефон. Это стандартные мобильные веб-сайты, которые загружаются в браузер пользователя. Причина, по которой они называют их приложениями, заключается в том, что вы можете выбирать из нескольких шаблонов, имитирующих пользовательский интерфейс реального приложения для iPhone или Android.

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Присоединяйтесь к 20 000+ другим, кто получает нашу еженедельную рассылку с инсайдерскими советами WordPress!

Итак, помните, что если вам нужно настоящее приложение для своего сайта WordPress, вам придется поискать в другом месте.Тем не менее, темы красивы, и этот тип дизайна «приложений» обязательно выделит ваш мобильный сайт по сравнению с некоторыми стандартными адаптивными темами, которые мы видели на рынке.

Плагин WordPress Mobile Pack

Бесплатная версия WordPress Mobile Pack имеет широкий спектр функций и простой процесс настройки вашего мобильного веб-сайта. Он пытается максимально имитировать приложение, предлагая пользователям сохранить мобильный веб-сайт на своем домашнем экране для последующего использования. Вы также получаете тему по умолчанию, которая включает шесть разных титульных страниц, которые постоянно меняются, чтобы придать им свежий вид.Вы можете настраивать такие элементы, как логотип, шрифты и цвета, прямо с панели инструментов WordPress. Как мы упоминали ранее, у плагина WordPress Mobile Pack есть бесплатная версия. Но если вы хотите получить больше возможностей настройки и большую коллекцию тем приложений, версия Pro стоит от 99 долларов в год.

Что делает его лучшим мобильным плагином для WordPress?

• Основные функции бесплатны с основным плагином.
• Вы можете перейти на новую версию, чтобы получить дополнительные функции, возможности монетизации, неограниченное количество push-уведомлений и многое другое с доступной версией Pro.
• Хотя вы получаете мобильный веб-сайт, а не настоящее приложение, эти шаблоны выглядят и работают так же, как обычные приложения на вашем телефоне. Например, все темы больше похожи на приложение, чем на мобильный веб-сайт. Кроме того, вы можете отправлять push-уведомления и просить пользователей сохранить ссылку на страницу на своих телефонах.
• У вас есть возможность выбрать, какие страницы и сообщения будут отображаться на мобильном веб-сайте. Например, вы можете решить, что не обязательно отображать страницу «Свяжитесь с нами» в мобильном интерфейсе, потому что вы уже показываете номер телефона в заголовке.
Читатели
• могут добавить ваш мобильный веб-сайт на рабочий стол своего телефона. Это, опять же, имитирует то, как настоящее приложение работает на телефоне пользователя.
• Google Analytics интегрируется с вашим мобильным веб-сайтом, поэтому вы можете различать, кто и сколько людей посещает ваш мобильный сайт, а не ваш обычный.

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

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

WP Mobile Menu Плагин WordPress

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

Некоторые организации предпочли бы версию Professional, которая стоит от 6,99 долларов в месяц и позволяет использовать такие функции, как поиск по заголовку, значки пунктов меню и более 2000 значков. Есть даже план WooCommerce за 9,99 доллара в месяц. В нем есть все функции плана Professional, а также значок корзины с меню, скользящая корзина и многое другое. Наконец, версия Enterprise стоит 39 долларов.99 и предлагает частный канал Slack, персонального менеджера по успеху и специальные тарифы на индивидуальную разработку.

Что делает его лучшим мобильным плагином для WordPress?

• Это отличное решение для тех, кому уже нравится дизайн мобильного сайта, но он хотел бы улучшить мобильное меню.
• Основной плагин является бесплатным, но у вас есть другие варианты, такие как версия Professional или версия для электронной коммерции, для добавления элементов, таких как тележки для покупок, в мобильный интерфейс.
• шрифтов Google и тысячи значков интегрированы в некоторые планы, что означает, что вы сможете создать более наглядное мобильное меню.
• Вы можете выбрать голый заголовок (который несколько прозрачен) или меню с фоном изображения. Оба эти способа — отличные способы выделиться своим мобильным дизайном, учитывая, что вы нечасто видите их.
• Бесплатная версия включает в себя опции для трех уровней глубины в вашем меню. Вы можете пройти все пути до пяти уровней глубины, если подпишетесь на профессиональный план.
• В тарифном плане «Бесплатный» возможно брендирование меню (с логотипом).
• Пользователи могут скрывать определенные элементы из мобильного меню, вместо того, чтобы заставлять их использовать все из обычного меню веб-сайта.

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

Max Mega Menu WordPress плагин

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

Все упомянутые до сих пор функции включены в бесплатную версию, но у вас есть возможность перейти на Pro-версию Max Mega Menu. Это зависит от того, на скольких сайтах вы хотите использовать плагин, но цены начинаются с 23 долларов в год за использование на одном сайте. После этого есть бизнес-лицензия за 39 долларов в год на пяти сайтах и ​​лицензия разработчика за 99 долларов в год на 99 сайтов.

Что делает его лучшим мобильным плагином для WordPress?

• Плагин обладает уникальной способностью превращать любое меню WordPress в мегаменю. Это одновременно мощный и особенный способ, поскольку в большинстве случаев вам нужно выбрать меню WordPress, в котором с самого начала есть мегаменю.
• Меню создано как для настольной, так и для мобильной версии с настройками анимации, всплывающих окон и затухания.
• Меню предоставляет необычную функцию, которая позволяет размещать виджеты WordPress в области меню.Таким образом, вы можете технически перетащить изображение или пользовательский код через виджет в меню.
• Вы можете добавлять значки в меню, не платя за версию Pro.
• Версия Pro не стоит много в течение года и предоставляет такие функции, как липкое меню, поддержку WooCommerce и шрифты Google.

7. AppPresser

Некоторые компании пытаются создать приложение или мобильный веб-сайт с помощью WordPress, и все, что в итоге получается, — это RSS-канал, загружающий статьи блога в приложение.Однако плагин AppPresser использует совершенно другой подход, создавая реальные приложения, которые ссылаются на ваш сайт WordPress. Таким образом, вы создаете не мобильный сайт, а легальное приложение, которое устанавливается на телефон пользователя и потенциально может быть размещено в одном из магазинов приложений. Программа AppPresser создает приложения как для Android, так и для iPhone, используя отличную комбинацию функций для интеграции с вашими текущими плагинами и придания вашему сайту уникального и красивого вида на мобильном устройстве.

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

Тем не менее, в AppPresser есть несколько встроенных плагинов WordPress. Таким образом, у вас есть возможность ссылаться на плагины, такие как WooCommerce и BuddyPress. Поскольку он создает приложение для вас, есть множество других функций, таких как push-уведомления и загрузка с камеры устройства.

Мобильный плагин для WordPress для AppPresser

Поскольку AppPresser предназначен только для разработчиков, его цена немного выше, чем у обычного мобильного плагина WordPress.Тем не менее, это должно окупиться, если вы взимаете с клиентов плату за создание мобильного приложения, а также веб-сайта. План для начинающих продается за 19 долларов в месяц и включает в себя разработчиков приложений, один год поддержки и тему. Настоящая функциональность предоставляется вместе с планом агентства, который составляет 49 долларов в месяц и предлагает такие функции, как услуги геолокации, социальный обмен и рекламу AdMob.

Что делает его лучшим мобильным плагином для WordPress?

• AppPresser помогает разработчикам превратить ранее созданный сайт WordPress в полнофункциональное мобильное приложение.Это означает, что приложение можно сохранить на телефонах пользователей и разместить в любом магазине приложений.
• Он имеет несколько интеграций с популярными плагинами WordPress, такими как WooCommerce, LearnDash и BuddyPress.
• Приложение не просто превращает ваш сайт WordPress в мобильную ленту блога. Фактически, это одно из наиболее эффективных решений, которое работает с популярными плагинами и превращает сайт WordPress в ценное приложение.
• Пользовательские страницы и шаблоны предоставляются для настройки вне содержимого, которое уже есть на вашем веб-сайте.
• Тестер приложений поставляется с программой для запуска ваших приложений на телефоне и тестирования всех кнопок и страниц.
• AppPresser имеет онлайн-панель для управления всеми клиентскими приложениями. Эта панель управления доступна через ваш рабочий стол.

Как выбрать правильный мобильный плагин WordPress для вас

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

Итак, какой из них вам подходит? Давайте разберемся:

• Чтобы мгновенно превратить ваш сайт WordPress в красивый мобильный сайт. — Используйте WPtouch или AMP для WP.
• Чтобы создать чистую мобильную ленту вашего блога WordPress — Go with Jetpack от WordPress
• Для создания мобильного веб-сайта, который по своим функциям аналогичен полному приложению. — Go with WordPress Mobile Pack.
• Если вы хотите улучшить мобильное меню, но сохранить свой текущий мобильный сайт — переходите с WP Mobile Menu.
• Чтобы превратить настольное и мобильное меню в мегаменю (оставив свои веб-сайты такими, какие они есть) — используйте Max Mega Menu.
• Единственный вариант в этом списке, который сделает из вашего сайта WordPress настоящее мобильное приложение. — Go with AppPresser.

Если у вас есть какие-либо вопросы о лучшем мобильном плагине WordPress для вас, дайте нам знать в разделе комментариев ниже. Надеюсь, это руководство поможет вам принять правильное решение!

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress.Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

Introduction — WordPress Mobile Pack

WordPress Mobile Pack — это мобильный плагин, который помогает преобразовать контент на основе WordPress в прогрессивное веб-приложение . Он поставляется с несколькими темами и расширениями мобильных приложений, которые вы можете приобрести по отдельности или в комплекте.

WordPress Mobile Pack поставляется в двух вариантах: БЕСПЛАТНЫЙ, доступный в репозитории WordPress.org, который имеет ~ 1000000 загрузок, и версия PRO, доступная на WPMobilePack.com.

• ТЕМЫ ДЛЯ НЕСКОЛЬКИХ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Reach и привлекайте своих мобильных пользователей, выбирая настраиваемую тему мобильного приложения с нативным внешним видом и функциями. Ознакомьтесь с нашей коллекцией тем для мобильных приложений: OBLIQ, PALM, PHANTOM, EXTRUDE, POPSICLE, GHOST, INVISION, BLEND, FUTURE, LUCID, BASE, MOSAIC, ELEVATE, FOLIO, VEDI, FOTOLIA, PULSE, PURE, GOTHAM.

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

• ТЕХНИЧЕСКИЕ НАВЫКИ НЕ ТРЕБУЮТСЯ

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

Мы гордимся тем, что предлагаем фантастическое обслуживание WP Mobile Pack PRO и практическую поддержку.Наша команда дружелюбных экспертов WordPress позаботится о том, чтобы технологии не мешали вам.

Более подробная информация о каждой функции представлена ​​в этой документации.

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

Если у вас есть какие-либо вопросы или отзывы, не стесняйтесь обращаться к нам по адресу [электронная почта защищена].

Для тех из вас, кто интересуется более подробными техническими деталями и возможностью расширения WordPress Mobile Pack и его прогрессивных тем веб-приложений для соответствия различным вариантам использования, вы можете проверить https://github.com/appticles/wordpress- mobile-pack /

WordPress Mobile Pack PRO Обзор

Насколько вы заботитесь о мобильных посетителях вашего сайта? Вы выбрали адаптивную тему и решили, что все кончено? Адаптивные темы, безусловно, лучше, чем ничего, но действительно ли они лучший способ продемонстрировать мобильную версию вашего сайта WordPress?

Я постараюсь ответить на этот вопрос и многое другое в сегодняшнем обзоре плагина WordPress Mobile Pack PRO от App articles.

Что делает WordPress Mobile Pack PRO?

WordPress Mobile Pack PRO поможет вам создать прогрессивную версию веб-приложения для вашего сайта WordPress.

Теперь перейдем к следующему вопросу: что, черт возьми, такое прогрессивное веб-приложение? Не волнуйтесь, если вы не знаете — я тоже не знал, пока не начал исследования для этого обзора.

Первоначально идея, выдвинутая Google в 2015 году, прогрессивные веб-приложения, по сути, используют современные технологии, чтобы обеспечить работу, похожую на приложение, в обычном мобильном браузере.

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

Чем прогрессивные веб-приложения отличаются от адаптивных веб-сайтов?

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

• Позволяет мобильным пользователям легко добавлять приложение на домашний экран (разумеется, без использования магазина приложений).
• Добавление push-уведомлений для повторного привлечения пользователей.
• Пытаемся свести к минимуму необходимость перезагрузки.
• Более надежная загрузка даже при медленном подключении к сети или его отсутствии.
• Работает в разных браузерах.
• Обслуживание безопасного контента через HTTPS.

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

И вы также можете интегрировать прогрессивные веб-приложения с чем-то вроде Google AMP или Facebook Instant Articles.

WordPress Mobile Pack PRO

Я уже говорил вам, что основная функция WordPress Mobile Pack PRO — это создание прогрессивного мобильного приложения для вашего сайта WordPress. В основном получается мобильная версия вашего сайта из этого:

Продолжение статьи ниже

Примерно так:

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

• Настройте внешний вид своего приложения с помощью различных тем.
• Изменение цветов, шрифтов, логотипов, обложек приложений и т. Д.
• Выберите, какие категории или страницы включить в версию приложения вашего сайта WordPress.
• Легко монетизируйте свое приложение с помощью Google DoubleClick for Publishers.
• Добавить кнопки публикации в социальных сетях
• Включение / отключение вашего приложения для планшетов
• Добавить Google Analytics

А ваши читатели смогут:

• Добавьте свое приложение на домашний экран и запустите его в полноэкранном режиме
• Перемещение по экрану вправо и влево без перезагрузки страницы
• Получите доступ к своему приложению на iOS или Android с помощью Safari, Google Chrome или собственного браузера Android.

Практическое занятие с WordPress Mobile Pack PRO

Как только вы установите и активируете WordPress Mobile Pack PRO, ваше прогрессивное веб-приложение станет активным. Это буквально так просто.

Но вы определенно захотите настроить свое веб-приложение, чтобы оно работало оптимально. Вот как это сделать.

Шаг 1. Настройте внешний вид вашего приложения

В версии PRO вы получаете две бесплатные темы. Вы также можете приобрести ряд дополнительных тем для мобильных приложений премиум-класса.Я выбрал тему Extrude :

Затем вы можете перейти на вкладку Look & Feel , чтобы настроить цвета, логотипы, шрифты и обложки вашего приложения:

Продолжение статьи ниже

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

Далее по странице вы можете изменять шрифты, размеры шрифтов и загружать изображения для логотипа, значка и обложки вашего приложения.

Шаг 2. Выберите, какой контент включить в ваше приложение

Затем вы перейдете на вкладку Content , чтобы настроить, какой контент будет отображаться в вашем приложении. Вы можете настроить две вещи:

• Какие категории отображать
• Какие страницы отображать — вы также можете создавать разные версии своих страниц для своего приложения.

Для категорий переключатель слева позволяет включать / отключать их, а кнопка Edit позволяет добавить изображение обложки категории:

Чтобы вы могли понять, почему вы можете захотеть добавить обложку к своим категориям, вот как категории выглядят в приложении (без изображения):

Таким образом, вы можете заменить это обычное серое поле на собственное изображение, чтобы ваше приложение выглядело более уникальным.

Продолжение статьи ниже

Для страниц вы можете включать и выключать их с помощью аналогичного механизма. И если вы нажмете кнопку Edit , вы можете создать версию страницы для конкретного приложения:

Редактирование содержимого здесь не повлечет за собой изменения настольной версии вашей страницы.

Шаг 3. Монетизируйте свое приложение

Если вы хотите получать доход от своего приложения, вкладка Monetize позволяет легко добавлять объявления DoubleClick for Publishers в ваше приложение:

К сожалению, я не зарегистрирован в DFB, поэтому мне не удалось протестировать эту функцию напрямую.Но интерфейс для вставки рекламы довольно простой.

Шаг 4. Настройка оставшихся параметров

На последней вкладке, Настройки , вы можете настроить несколько различных деталей:

• Режим отображения — вы можете выбрать Нормальный (включен для всех мобильных посетителей), Предварительный просмотр (включен только для учетных записей администратора — подходит для тестирования) и Отключено .
• Google Analytics ID — легко добавить отслеживание Google Analytics.
• Планшеты по выбору – выберите, отображать ли ваше приложение для пользователей планшетов.
• Опции меню — выберите, могут ли посетители получить доступ к вашему сайту

На этой странице также можно включить параметры обмена в социальных сетях.

Как работает «Добавить на главный экран»

Это не этап настройки — я просто подумал, что это слишком круто, чтобы не делиться. Вот как можно добавить приложение на главный экран в iOS.Вы нажимаете Добавить на главный экран:

. Тогда на главном экране появится значок:

Затем, когда вы открываете этот значок, он запускается в полноэкранном режиме. Это больше не ограничивается браузером Safari, который я использовал раньше. Видите, как вверху нет строки URL?

Я понятия не имел, что это возможно. Так что я очень впечатлен 🙂

WordPress Mobile Pack PRO Стоимость

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

• Варианты индивидуальной настройки стиля
• Варианты монетизации
• Доступ к темам для мобильных приложений премиум-класса

Если вам нужен WordPress Mobile Pack PRO с темой Extrude (версия, которую я рассмотрел), будет стоить вам 49 долларов. Вы также можете получить полный комплект Mobile Pack PRO Bundle с 5 различными темами за 99 долларов. И если вы хотите пойти еще дальше, они также предлагают расширения для:

• Push-уведомления
• Возможность автономного режима
• Публикация магазина приложений
• HTTPS

Стоит ли использовать WordPress Mobile Pack PRO?

Я нашел сам процесс использования WordPress Mobile Pack весьма приятным.Интерфейс хорошо продуман и прост в настройке. Я смог во всем разобраться, не обращаясь к какой-либо документации, что, на мой взгляд, всегда является признаком качественного плагина.

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

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

Я нашел несколько статей, в которых демонстрируются поразительные улучшения, которые происходят в прогрессивных мобильных приложениях. Например, Flipkart утроила время нахождения на сайте, а Alibaba увеличила конверсию мобильного Интернета на 70%. Так что, если вы занимаетесь электронной коммерцией или цифровыми публикациями, вам определенно стоит попробовать.

И я также знаю, что если вы хотите создать прогрессивную версию веб-приложения для своего сайта WordPress, то WordPress Mobile Pack PRO — отличный способ сделать это.

Перейти к WordPress Mobile Pack PRO

Что вы думаете о прогрессивных веб-приложениях? Как вы думаете, за ними будущее мобильного Интернета?

rock-solid / wordpress-mobile-pack: мобильный плагин WordPress для прогрессивных веб-приложений и гибридных мобильных приложений

Мобильный плагин для WordPress, который поможет вам упаковать ваш контент в прогрессивное веб-приложение. Он поставляется с несколькими темами PWA, которые вы можете приобрести по отдельности или в комплекте.

ДЕМО: https: // bit.ly / pwa-obliq2

Введение

WordPress Mobile Pack поддерживается на смартфонах и планшетах iOS и Android. Совместимые браузеры : Safari, Google Chrome, Android — собственный браузер. Плагин был протестирован на WordPress 3.6 и новее. Перед установкой ознакомьтесь со списком известных проблем и ограничений.

Что позволяет WordPress Mobile Pack 3.0+:

• Прогрессивные веб-приложения .Некоторые из ключевых особенностей прогрессивных веб-приложений: (1) приложения загружаются почти мгновенно и надежны, независимо от того, какое сетевое соединение использует ваш пользователь; (2) баннеры для установки веб-приложений дают пользователям возможность быстро и легко добавить ваше мобильное приложение на свой домашний экран, что упрощает запуск и возврат к вашему приложению; (3) Веб-push-уведомления упрощают повторное взаимодействие с пользователями, показывая актуальные, своевременные и контекстные уведомления, даже когда браузер закрыт; (4) Плавная анимация, прокрутка и навигация сохраняют плавность работы; (5) Защищено через HTTPS; (6) Отзывчивый пользовательский интерфейс.

• Адаптивный пользовательский интерфейс . Мобильное веб-приложение чувствительно к различным размерам экрана и изменениям ориентации: альбомной, портретной. Другими словами, внешний вид мобильного веб-приложения плавно трансформируется в размер экрана пользовательских устройств.

• Темы приложений . Вы можете предложить своим пользователям исключительные возможности чтения, предоставив им мобильное веб-приложение с нативным интерфейсом, похожим на приложение. Тема по умолчанию включает 6 абстрактных обложек, которые случайным образом отображаются на экране загрузки, чтобы придать приложению вид журнала.В WordPress Mobile Pack PRO доступны другие темы приложений.

• Настроить внешний вид . После выбора любимой темы вы можете настроить цвета и шрифты, добавить свой логотип и графические элементы, которые могут иметь отношение к идентичности вашего блога. Дополнительные параметры настройки доступны в WordPress Mobile Pack PRO.

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

• Синхронизация страниц . Выберите, какие страницы вы хотите отображать в своем мобильном веб-приложении. Вы можете редактировать, отображать / скрывать разные страницы и упорядочивать их в соответствии с вашими потребностями.

• Синхронизация комментариев . Все комментарии, отображаемые в блоге, также синхронизируются с мобильным веб-приложением. Кроме того, в блоге также отображаются комментарии, размещенные из приложения. Функции социальных сетей доступны в WordPress Mobile Pack PRO.

• Аналитика . WordPress Mobile Pack легко интегрируется с Google Analytics.

• Добавить на главный экран . Читатели могут добавить мобильное веб-приложение на свой домашний экран и запустить его в полноэкранном режиме.

Быстрый старт с WordPress Mobile Pack PRO

WordPress Mobile Pack также поставляется с PRO версией , подходящей для профессиональных блоггеров, издательских компаний с несколькими публикациями в своем портфолио или веб-агентств .

Здесь вы найдете дополнительную пошаговую документацию о том, как начать работу с WordPress Mobile Pack.

Преимущества использования WordPress Mobile Pack

• ТЕМЫ ДЛЯ НЕСКОЛЬКИХ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Привлекайте своих мобильных пользователей, выбирая настраиваемую тему мобильного приложения с нативным дизайном, похожим на приложение.Ознакомьтесь с нашей коллекцией тем для мобильных приложений: OBLIQ, PALM, PHANTOM, EXTRUDE, POPSICLE, GHOST, INVISION, BLEND, FUTURE, LUCID, BASE, MOSAIC, ELEVATE, FOLIO, VEDI, FOTOLIA, PULSE, PURE, GOTHAM.

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

• ТЕХНИЧЕСКИЕ НАВЫКИ НЕ ТРЕБУЮТСЯ

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

Мы гордимся тем, что предлагаем фантастическое обслуживание WP Mobile Pack PRO и практическую поддержку. Наша команда дружелюбных экспертов WordPress позаботится о том, чтобы технологии не мешали вам.

Часто задаваемые вопросы

1. В чем разница между прогрессивным веб-приложением и адаптивной темой WordPress?

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

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

Кроме того, мы сильно полагаемся на WordPress REST API для подачи контента в прогрессивное веб-приложение.

2. Могу ли я использовать существующую тему WordPress?

WordPress Mobile Pack использует различные JavaScript-фреймворки с открытым исходным кодом от Angular / Ionic до React или Vue, которые имитируют нативный интерфейс приложения.Из-за этого темы PWA, которые мы разработали, не являются обычными темами на основе PHP, которые можно легко настроить, отредактировав исходный код. По-прежнему можно вносить небольшие изменения (не рекомендуется), но для изменения структуры темы потребуются предварительные знания JavaScript. Мы будем рады помочь, если вы ищете приложение нестандартного типа — свяжитесь с нами.

3. Могу ли я добавить в тему код Javascript?

Добавление скриптов отслеживания в исходники возможно, если вы разместите их в разделе файлов темы.Однако код, помещенный в сообщения, не будет выполнен. Тема реализована на JavaScript, и это означает, что код JavaScript находится внутри другого кода JavaScript.

4. Могу ли я разместить свою рекламу?

Google Ad Sense / Google Double Click for Publishers поддерживается в версии PRO начиная с версии 2.1. Свяжитесь с нами, если вы хотите, чтобы мы интегрировались с другим сторонним поставщиком рекламы.

5. Почему некоторые сторонние плагины не видны ни в одной из тем PWA?

В WordPress почти 50 000 плагинов.org репозиторий. Их всех поддержать невозможно. Свяжитесь с нами, если вы хотите, чтобы мы интегрировались с другим сторонним плагином.

Авторы

Большое спасибо всем участникам, которые помогли нам перевести прогрессивное веб-приложение OBLIQ:

• Na LI (китайский / zh_CN)
• Джон Хаверкейт (голландский)
• Бернхард Штайнбихлер (немецкий)
• Петер Агостон (венгерский)
• Фабиола Сгуассеро (итальянский)
• Эммануэль Андриуло (итальянец)
• Миру Ямасиро (японец)
• Сандра Горган (румынка)
• Agnieszka Bugajska (польская)
• Матиас Видерот (шведский)
• Диогу Дезидерати (португальский)

10 лучших мобильных плагинов WordPress для 100% адаптивной темы

Согласно отчету SimilarWeb о состоянии мобильной сети в США за 2017 год, примерно 61% потребительского трафика на веб-сайты в США приходилось на мобильные устройства.Это во много раз больше, чем в 2009 году, когда он составлял 0,7%. Мобильный веб-трафик растет в среднем примерно на 10% в год и, как ожидается, продолжится. Так что, если вы используете WordPress, вы можете задаться вопросом, оптимизирован ли ваш сайт для мобильных устройств.

Хотя обеспечение безопасности вашего веб-сайта на 99,9% и достижение времени загрузки менее 1 секунды является жизненно важным, обеспечение мобильности вашего веб-сайта становится все более и более важным в нашем мире, ориентированном на мобильные устройства.

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

1. WPtouch Pro

WPtouch Pro помог сформировать и развить мобильный Интернет и работает на более чем 500 000 сайтах по всему миру.

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

Перво-наперво; этот плагин очень просто настроить. Их мастер настройки поможет вам запустить мобильную и полностью адаптивную версию вашего сайта в считанные минуты.

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

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

Они также могут похвастаться тем, что в их тестировании темы WPtouch до 5 раз быстрее, чем настольные компьютеры или адаптивные темы.

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

2. Мобильный пакет WordPress

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

Mobile Pack совместим с устройствами Apple iOS и Android, а также с популярными браузерами, такими как Google Chrome, Safari и другими. Бесплатная версия позволяет изменять цвет, текст и многие другие параметры.Профессиональная версия имеет больше функций, включая дополнительные темы, кнопки социальных сетей, параметры монетизации и другие.

3. Переключатель любых мобильных тем

Подобно WordPress Mobile Pack, что, если вам не нужна та же тема для настольных компьютеров, что и для мобильных устройств? Этот плагин позволяет вам установить две активные темы для вашего сайта: одну для мобильных устройств и одну для всего остального. Он работает, обнаруживая устройство, посещающее ваш веб-сайт, и отображает выбранную вами тему из предустановленных параметров.

Вы даже можете выбрать другую тему для отображения в разных браузерах. Theme Switcher может обнаруживать iPhone, Android, Windows Mobile и другие устройства до загрузки вашего сайта. У него есть как бесплатные, так и платные варианты, чтобы дать вашему сайту то, что ему нужно.

4. Подключаемый модуль для мобильного приложения

Знаете ли вы, что до 89% мобильных пользователей используют приложение для доступа в Интернет через свой телефон согласно Smart Insights? Если вы хотите стать одним из таких мобильных сайтов, попробуйте этот плагин.Он превращает ваш сайт в мобильное приложение, а также в мобильный сайт.

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

5. Сжатие и оптимизация нечетких изображений

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

Большие файлы изображений могут замедлять работу вашего мобильного сайта, даже если вы об этом не подозреваете. Плагин использует передовые и невидимые технологии для быстрого сжатия каждого из ваших изображений, даже если они уже были загружены. Он также удаляет все ненужные данные, не замедляя работу сайта. Просто установите и выберите изображения, которые нужно сжать, нажав кнопку «smush now», которая появится рядом с ними.

6. Max Mega Menu

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

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

7. Динамические виджеты

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

Dynamic Widgets позволяет вам выбирать, на каких страницах отображать ваши виджеты, давая вам возможность показывать или скрывать виджеты с помощью правила условной логики. Пользователи могут устанавливать эти правила по роли WordPress, типу браузера, IP-адресу, языку (с WPML или QTranslate), URL-адресу, отдельным сообщениям, отдельным страницам и да, даже для мобильных устройств.

8. Favicon от Real Favicon Generator

Видите того счастливого парня в верхней части вкладки этого блога? Это фавикон WP Buffs.Это приятный штрих, благодаря которому ваш сайт будет хорошо выглядеть. Однако на мобильных устройствах он также служит своего рода закладкой для вашего сайта. Этот плагин позволяет вам создавать и настраивать свои собственные различные значки для мобильных устройств, таких как iPhone, iPad, Android, планшеты с Windows и да, даже для настольных компьютеров или ноутбуков. Он не создает единого образа для универсального решения.

Favicon генерирует все значки, которые вам когда-либо понадобятся для мобильных устройств, которые посещают ваш сайт. Он автоматически создаст оптимизированный значок для iOS и Android, включая Chrome, Firefox, Safari, Opera, IE и Camino.

9. Cornerstone Page Builder

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

Это 100% интерфейс, то есть вы можете видеть свои изменения, потому что конструктор страниц находится слева, а ваш контент — справа. Таким образом, вы можете увидеть, как он будет выглядеть, прежде чем сохранять и публиковать. В настоящее время он имеет 42 элемента, которые вы можете добавить на каждую страницу, включая уникальные элементы, такие как предупреждения, сетку блоков, список функций, аудиоплеер, панель навыков и многое другое.

Он также имеет традиционные элементы, такие как текстовые блоки и блоки для добавления изображений. Но лучшая функция для мобильных сайтов WordPress — это возможность скрывать любые элементы, когда посетители приходят с экрана, который слишком мал для их удержания. Просто выберите, на каких устройствах вы хотите отображать элементы, отметив их. Cornerstone Page Builder включен в популярную тему X WordPress от Themeco, но если у вас есть 39 долларов, вы можете приобрести его для своей темы.

10.Кнопка «Позвонить сейчас»

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

Поскольку эти мобильные посетители уже используют свои телефоны, они могут легко позвонить вам одним простым нажатием кнопки.Просто введите свой номер в плагин Call Now, цвет, который вы хотите, чтобы кнопка была, и где вы хотите, чтобы она отображалась. Вы даже можете интегрировать метод отслеживания кликов с плагином, включая Google Universal Analytics и Google Classic Analytics. Вы также можете выбрать, на каких страницах должна отображаться кнопка.

БОНУС: проверьте свой мобильный сайт

Хорошо, это не плагин, но если вы хотите проверить, оптимизирован ли ваш сайт для мобильных устройств, используйте этот бесплатный инструмент.Google Mobile Friendly Test проверит и покажет, как ваш сайт выглядит на мобильном устройстве. Например, мы провели тест на сайте WP Buffs и дали положительный результат. Он также дал нам отчет об удобстве использования мобильных устройств для всего сайта, который можно использовать в качестве справочного материала. Вам может потребоваться учетная запись Google Search Console для выполнения теста, удобного для мобильных устройств.

Заключение

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

Хотите оставить отзыв или присоединиться к беседе? Добавляйте свои комментарии 🐦 в Twitter.

WordPress Mobile Pack PRO от app articles

WordPress Mobile Pack — это мобильный плагин, который поможет вам преобразовать ваш контент на основе WordPress в прогрессивное веб-приложение.Он поставляется с десятками тем и расширений мобильных приложений, которые вы можете приобрести по отдельности или в комплекте.

WordPress Mobile Pack PRO Bundle:

• 3 темы для мобильных приложений (полностью настраиваемые)
• Социальные функции (Facebook, Twitter и Google+)
• Варианты монетизации (Google AdSense и Double Click для издателей)
• 1 год профессиональной поддержки
• Текущие функции и обновления безопасности
• Лицензия на один сайт WordPress

3 темы мобильных приложений доступны в WP Mobile Pack PRO

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

Что позволяет WordPress Mobile Pack PRO:

• Кросс-платформенные мобильные веб-приложения . Все, что требуется для запуска мобильного веб-приложения, — это современный мобильный браузер (совместимый с HTML5), что позволяет читателям мгновенно получать доступ к вашему контенту без необходимости заходить в магазин приложений, загружать и устанавливать приложение.




• Адаптивный пользовательский интерфейс . Мобильное веб-приложение чувствительно к различным размерам экрана и изменениям ориентации: альбомной, портретной.Другими словами, внешний вид мобильного веб-приложения плавно трансформируется в размер экрана пользовательских устройств.




• Темы . Вы можете предложить своим пользователям исключительные возможности чтения, предоставив им мобильное веб-приложение с нативным интерфейсом, похожим на приложение. WP Mobile Pack PRO поставляется с 3 полностью настраиваемыми темами приложений.




• Настроить внешний вид . После выбора любимой темы вы можете настроить цвета и шрифты, добавить свой логотип и графические элементы, которые могут иметь отношение к вашему блогу.




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




• Синхронизация страниц . Выберите, какие страницы вы хотите отображать в своем мобильном веб-приложении. Вы можете редактировать, отображать / скрывать разные страницы и упорядочивать их в соответствии с вашими потребностями.




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




• Аналитика . WordPress Mobile Pack PRO легко интегрируется с Google Analytics.




• Добавить на рабочий стол . Читатели могут добавить мобильное веб-приложение на свой домашний экран и запустить его в полноэкранном режиме.

Вот несколько пошаговых видеороликов, которые помогут вам начать работу с WordPress Mobile Pack PRO:

Часто задаваемые вопросы

Когда я захожу на свой сайт со смартфона, я не вижу никаких сообщений или страниц

Убедитесь, что конечная точка, экспортирующая контент, доступна и не отображает ошибок или уведомлений.В браузере перейдите по следующему адресу: http://yoursite.com/wp-content/plugins/wordpress-mobile-pack/export/content.php?content=exportcategories&limit=5&callback=Ext.data.JsonP.callback. Вы должны увидеть текст, начинающийся с «Ext.data.JsonP.callback». Если на странице отображается сообщение «403 запрещено» или есть какие-либо ошибки / уведомления, это означает, что контент не будет доступен для мобильного веб-приложения.

Я включил WordPress Mobile Pack, но я все еще вижу тему рабочего стола на своем смартфоне

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

Чем можно заменить контактные формы?

Большинство сайтов, с которыми мы сталкиваемся, используют контактные формы, чтобы пользователи могли связываться и / и отправлять сообщения. Однако при таргетинге на мобильных пользователей принуждение их к заполнению скучной формы (обычно довольно длинной) — худший UX, который вы можете предложить своей мобильной аудитории. Вместо этого вот несколько подходов, которые вы можете попробовать в своем мобильном веб-приложении:

Какие устройства и операционные системы поддерживает мое мобильное веб-приложение?

WordPress Mobile Pack PRO поддерживается на мобильных и планшетных устройствах iOS и Android.Совместимые браузеры: Safari, Google Chrome, Android — собственный браузер.

Как мои читатели могут вернуться к теме рабочего стола из моего мобильного веб-приложения?

Боковое меню мобильного веб-приложения содержит кнопку «Перейти на веб-сайт», которая вернет читателей к теме рабочего стола. Их вариант запомнится в следующий раз, когда они посетят ваш блог.

Как мои читатели могут вернуться к мобильному веб-приложению с темы рабочего стола?

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

Я хочу временно деактивировать мобильное веб-приложение. Какие шаги я должен выполнить?

Мобильное веб-приложение можно отключить на странице «Настройки» панели администратора. Этот параметр не удалит какие-либо настройки, которые вы сделали до сих пор, например настройку внешнего вида вашего приложения, но мобильные читатели больше не смогут видеть его на своих устройствах.

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

Короткий ответ заключается в том, что мобильное веб-приложение — это расширенная версия мобильного сайта; Дело не только в размере экрана, но и в функциональности (например, в автономном режиме).Подробный ответ представлен в виде статьи, вы можете проверить его здесь: http://www.appticles.com/blog/2014/05/mobile-web-dying-shifting/.

В чем разница между моим мобильным веб-приложением и адаптивной темой?

Адаптивная тема — это все о дизайне — она ​​загружает тот же стиль, что и вид рабочего стола, настраивая его для соответствия меньшему экрану. Мобильное веб-приложение сочетает в себе универсальность Интернета с функциями сенсорных устройств и может содержать функции, которых нет на вашем веб-сайте для настольных компьютеров (например, автономный режим).Мобильное веб-приложение похоже на нативное приложение с точки зрения внешнего вида, с той лишь разницей, что оно запускается в браузере.

Могу ли я использовать свою тему или настроить существующую?

V2.0 + основан на платформе Javascript под названием Sencha Touch, которая имитирует собственный интерфейс приложения. Из-за этого используемые темы не являются обычными темами на основе PHP, которые можно легко настроить, отредактировав исходный код. По-прежнему можно вносить небольшие изменения в CSS, но изменить структуру темы не получится.

Могу ли я добавить в тему код Javascript?

Добавление скриптов отслеживания в исходники возможно, если вы разместите их в разделе файлов темы. Однако код, помещенный в сообщения, не будет выполнен. Тема полностью реализована на Javascript, а это означает, что код Javascript находится внутри другого кода Javascript.

Могу ли я разместить свою рекламу?

Google Ad Sense / Google Double Click for Publishers поддерживается в версии Premium начиная с v2.1. Поддержка других рекламных сетей будет добавлена ​​в будущих версиях.

Премиум-поддержка

Список изменений

Мобильный пакет WordPress PRO 1.4
+ Добавить возможность включения мобильной темы на планшетах
+ Отдельная вкладка администратора с темами приложений
+ Изменить конфигурацию тем, использовать предустановки.файл конфигурации json из каждой папки темы
+ Изменения API - разбивка на страницы для категорий, экспорт конечной точки категории, не экспортировать страницы с неактивными предками
+ Оптимизируйте посты и страницы с избранными изображениями, используйте миниатюры, если они существуют
+ Добавить поддержку Google Maps
+ Добавить японский перевод
+ Изменить URL-адрес для сообщения о продлении лицензии
+ Исправить отображение изображений, включенных в тег div, с фиксированной высотой
+ Исправить публикацию предопределенного твита в Твиттере
+ Исправление ошибки, которая скрывает раскрывающийся список tiny-mce в режиме редактирования сообщения
+ Другие исправления ошибок

WordPress Mobile Pack PRO 1.3
+ Отображение смарт-баннера приложения, когда пользователь возвращается к теме рабочего стола
+ Оптимизация загрузки приложения - проверяйте размер изображений постов с помощью метаданных постов
+ Оптимизация загрузки приложения - загружайте 3 сообщения на категорию вместо 9 при начальной загрузке
+ Оптимизация загрузки приложения - используйте HTMLPurifier только для экспорта деталей сообщения или страницы
+ Оптимизация загрузки приложения - используйте выдержки из записей WordPress при экспорте записей или списков страниц
+ Оптимизация загрузки приложения - добавление атрибутов адаптивных изображений при экспорте сообщений или страниц
+ Заменить вкладку администратора \ "Что нового \" на краткое руководство

WordPress Mobile Pack PRO 1.2
+ Добавить / редактировать изображения для категорий
+ Изменить размер шрифта приложения
+ Добавлены переводы на голландский и китайский (zh_CN)
+ Добавлена ​​поддержка Spotify и Youku для встраивания видео
+ Исправлена ​​ошибка (тема Mosaic) - боковое меню не должно появляться, если ссылка на веб-сайт и страницы отключены
+ Исправлена ​​ошибка (все темы) - отображение количества комментариев на иконке комментариев

Мобильный пакет WordPress PRO 1.1
+ Изменен способ обработки порядка страниц и подстраниц в мобильной версии (вкладка « Контент »). Плагин будет использовать тот же порядок, который установлен для настольных страниц.+ Добавлена ​​поддержка меню страниц и подстраниц в темах Mosaic и Obliq
+ Возможность отключить или включить ссылку \ "Посетить веб-сайт \"
+ Возможность выбора количества сообщений на карточку (для тем Base, Mosaic, Obliq и Folio)
+ Добавлено уведомление администратора для версий PHP ниже 5.3
+ Исправлена ​​ошибка - корректно отображать изображения размером больше области просмотра
 

Beyond Responsiveness, плагин WordPress Mobile Pack

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

1. Создать заявку
2. Опубликовать в App Store
3. Дождитесь утверждения и наконец…
4. Продвигайте его своим пользователям для установки

Прецедент был создан в июне 2011 года, когда Financial Times запустила свое браузерное приложение HTML5, доказав издательской индустрии, что можно добиться успеха за пределами магазинов приложений.За ними последовали New York Times, Amazon (Kindle Cloud Reader), Atlantic Wire и другие. Сегодня мы наблюдаем все больше и больше разработок, связанных с HTML5, включая Firefox OS от Mozilla при поддержке Telefonica.

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

WordPress Mobile Pack

WordPress поддерживает 23% веб-сайтов в мире, и их присутствие оказывает огромное влияние на всех нас. В 2013 году Мэтт Малленвег — один из основателей WordPress — попросил разработчиков просмотреть и использовать WordPress в качестве платформы для приложений. Сообщество начало понимать, что WordPress можно использовать для поддержки приложений на базе баз данных, работающих в контексте веб-браузера.

Любой разработчик скажет вам, что кодирование одностраничного веб-приложения сопряжено с трудностями.Плагин WordPress Mobile Pack от App articles помогает блогерам, издателям и другим создателям контента упаковывать существующий контент в одностраничные мобильные веб-приложения, которые работают на разных платформах на iPhone, Android и Firefox OS.

Вы можете загрузить плагин из раздела «Плагины» на сайте WordPress.org или в вашей установке WordPress. Затем активируйте плагин.

Особенности WordPress Mobile Pack 2.0:
• Выберите тему и настройте цвета и шрифты
• Добавить значки и логотип
• Изменить обложку
• Настроить содержимое

В следующий раз, когда вы посетите свой веб-сайт с поддерживаемого устройства (iPhone, Android, Windows 8 или Firefox OS), вы увидите загруженное мобильное веб-приложение.

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

Настройка цветов, шрифтов и обложки

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

Совет : Если вам сложно создавать хорошие обложки, особенно если вы стремитесь поддерживать Android, сделайте это минималистичным и абстрактным. Для вдохновения Designshock предлагает несколько отличных обложек в стиле Material Design.

Управление контентом

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

Вкладка настроек

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

В области настроек вы можете добавить свой идентификатор Google Analytics и подключиться к платформе Premium после получения ключа API. Платные планы предлагают больше тем, поддержку планшетов, интеграцию с AdSense и возможность создания собственной цветовой схемы.

Ограничения

Существуют некоторые ограничения, которые могут повлиять на ваше решение использовать плагин:

• Ограниченные возможности настройки — Поскольку в нем используется одностраничное приложение, настройка темы невозможна без передовых технических знаний.
• Не интегрируется с другими плагинами WordPress (например, WooCommerce или Contact Form)
• Без поддержки iframe (за исключением видеосетей) _

SEO и Google

Одностраничные приложения не всегда хорошо работали с SEO, но с недавними изменениями, которые Google внес в свою поисковую систему, это больше не проблема.С мая 2014 года Google выполняет код Javascript, способный индексировать одностраничные приложения, такие как приложение, созданное с помощью WordPress Mobile Pack.

Google будет расширять использование мобильных устройств в качестве ранжирующего сигнала, начиная с 21 апреля этого года. Это изменение окажет значительное влияние на результаты поиска Google для мобильных устройств, а приложение WordPress Mobile Pack совместимо с тестом Google для мобильных устройств. Кроме того, Google только что заплатил 25 миллионов долларов за эксклюзивные права на веб-домен верхнего уровня «.app», хотя компания не объявила о конкретных планах по этому поводу.приложение.

Заключение

Есть вероятность, что вскоре вы сможете иметь собственное одностраничное мобильное веб-приложение по адресу http://your-blog.app . Вы этого с нетерпением ожидаете? Или вы боитесь волны универсальных приложений, которые могут появиться на нашем пути?