Как настроить плагин wptouch

WPTouch: быстрый и простой способ сделать ваш сайт WordPress более удобным для мобильных устройств

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

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

Сегодня я хотел бы поговорить о плагине WordPress WPtouch. Плагин определяет, когда мобильные посетители просматривают страницу, и отображает им стильную и удобную мобильную тему.

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

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

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

Основные настройки

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

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

Вы также можете отключить WPtouch для определенных URL-адресов и определить, на каких устройствах будет использоваться WPtouch. Подавляющее большинство пользовательских агентов уже определены, включая устройства iOS, Android, Blackberry и webOS.

Темы и расширения

WPtouch можно загрузить бесплатно, однако премиум-версия доступна от 49 долларов. Бесплатная версия поставляется с дизайном под названием Bauhaus. В WPtouch Pro входят четыре дополнительных дизайна.

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

Настройки темы

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

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

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

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

Плагин использует систему меню WordPress. Таким образом, можно легко настроить верхнее меню. Все, что вам нужно сделать, это создать новое меню и затем назначить его в области настроек.

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

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

Мобильный дизайн

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

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

Обзор

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

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

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

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

Надеюсь, вам понравился этот обзор. Если это так, я рекомендую вам подписаться на WPExplorer, чтобы получать новости о наших последних статьях ?

Источник

Мобильная версия WordPress — плагин WPtouch

Просмотров: 2 751

Здравствуйте, коллеги! Наша тема сегодня очень важная: Мобильная версия WordPress — как сделать сайт удобным для мобильных пользователей. Поводом для написания этого поста послужило нововведение, которое ввело поисковая система Google для веб — мастеров. А именно, Google будет помечать мобильные сайты в результатах поиска и это значит, что при поиске на мобильных устройствах наличие соответствующей оптимизации будет учитываться при ранжировании результатов выдачи.

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

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

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

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

В Инструментах для веб-мастеров появился раздел «Удобства просмотра на мобильных устройствах», где вы можете выявить основные проблемы при просмотре со смартфонов и планшетов не одной страницы, а всего вашего сайта.

Google Search Console

Чтобы узнать, какие страницы вашего сайта WordPress неудобно просматривать на мобильных устройствах, воспользуйтесь соответствующим отчетом в Search Console:

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

Проверка оптимизации для мобильных

Инструмент проверки оптимизации для мобильных от Google: Оптимизирована ли ваша страница для мобильных устройств? Проверьте, удобно ли просматривать страницу на мобильном устройстве. Для этого введите URL страницы и ознакомьтесь с результатами ее анализа. Инструмент от Гугл — search.google.com/test/mobile-friendly

Если результат плохой:

Страница не оптимизирована для мобильных устройств

То надо исправлять ошибки или что делать с сайтом WordPress.

Проверка мобильных страниц Яндекс. Вебмастер

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

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

От Google Search Console — Сайт сайт.ru не оптимизирован для мобильных устройств и перечисляются проблемы .

От Яндекс. Вебмастер — Сайт https://ваш_сайт.ru признан не оптимизированным для мобильных устройств.

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

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

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

Также можно подключить Яндекс Турбо‑страницы для WordPress и создать Google AMP-версию сайта ВордПресс. И будет вам счастье. Ну, а вдруг — не будет, тогда мобильная версия WordPress сайта вас спасёт.

Если вы не хотите менять свою любимую тему / шаблон, то используйте функции WP. Оптимизировать сайт для показа на мобильных устройствах можно с помощью специальных плагинов WordPress. По рекомендации Google существуют три хороших плагина превращающие ваш сайт в полноценную мобильную версию WordPress, с одним из них, я вас и познакомлю. Мобильная версия сайта WordPress с помощью WPtouch.

Плагин WPtouch — мобильная версия сайта WordPress

Сделайте свой сайт WordPress мобильным всего за несколько кликов с помощью WPtouch Mobile.

Самый популярный плагин мобильной версии WordPress это — WPtouch. Который советует использовать Google, не даром же, уже последовали рекомендациям поисковика более 13 064 665 пользователей. Круто!

WPtouch Mobile Plugin — это мобильный плагин для WordPress, который автоматически добавляет простую и элегантную мобильную тему для мобильных посетителей на ваш сайт WordPress. Рекомендованный Google, он мгновенно активирует мобильную версию вашего веб-сайта, которая проходит тест Google Mobile, и гарантирует, что ваше SEO не упадет из-за отсутствия мобильного веб-сайта ВордПресс.

Панель администрирования WPtouch и настройщик WordPress Customizer (визуальные настройки) позволяют настраивать многие аспекты его внешнего вида, а также предоставлять быструю , удобную и стильную версию вашего сайта посетителям вашего мобильного устройства без изменения кода:

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

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

Плагин WPtouch настройка

Установить плагин можно стандартным путём, то есть, через поиск по плагинам, вводите его название устанавливаете и активируете:

Далее, можно перейти к настройкам WPtouch. Обратите внимание — есть русский язык. Поэтому проблем у вас не будет с настройкой мобильной версии сайта.

И так, появится новый раздел с одноимённым названием на боковой админ панели. Сразу переходим на страницу Настройки:

Настроек WPtouch в бесплатной версии мало, только лишь, самое необходимое:

Здесь, в принципе ни чего менять не надо, но можете сделать, как вам нужно. Оставьте настройки общие по умолчанию. А нажав кнопку Previev Theme (Предварительный просмотр темы) вы увидите, как выглядит ваша мобильная версия сайта WP:

Пробежитесь по всем разделам настроек плагина WPtouch. Например, настройте мобильное меню или перейдите в настройщик мобильной темы WordPress и продолжите работу:

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

После не забываем нажать кнопу Опубликовать.

Да, вы можете для мобильного меню выбрать иконки/значки. По умолчанию, загружена тема значков Elegant, но если вам эти иконки не подходят, то можно загрузить свой пользовательский набор или установить дополнительные. Для этого нужно нажать вкладку «Загрузка и наборы значков» и выбрать набор из списка:

После присвоения каждому пункту своего значка нажимаем Посмотреть тему — Раскрываем меню и радуемся нашим успехам:

И наше меню с иконками:

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

Заходим снова сюда — https://www.google.com/webmasters/tools/mobile-friendly/ вводим URL сайта или отдельной страницы, ждём пару секунд и опля, наш результат такой:

Отлично! Страница оптимизирована для мобильных устройств .

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

Удачи, до новых встреч.

P.S. Google с 21 апреля начнет использовать новые алгоритмы поиска

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

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

Источник