Мобильная версия WordPress с плагином WPtouch доступна каждому

800400

Приветствую уважаемые читатели блога infosovety.ru. Наверняка, каждый из вас пользуется интернетом на мобильных устройствах! Вы заходите на сайты и блоги через ваш смартфон и читаете информацию. Хочу вам задать вопрос! Как отображаются сайты в вашем мобильном браузере? Думаю, большинство выглядит стандартно. То есть сайт отображается полностью на экране мобильного телефона, и чтобы найти нужную страницу или раздел нужно приближать страницу блога, двигать пальцем на дисплее влево и вправо. Согласитесь, это не совсем удобно. У таких сайтов просто отсутствует мобильная версия сайта.

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

Вот как выглядит мой блог через мобильный браузер.

mobilnaya-versiya-wordpress-1

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

Скачайте плагин на русском языке WPtouch здесь. Затем установите его и активируйте.

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

Настройка мобильной версии WordPress – плагин Wptouch

Итак, после того как вы активировали плагин, в панели появился новая вкладка Wptouch. У плагина всего 6 разделов:

1. Что нового.
2. Базовые настройки.
3. Темы и расшерения.
4. Параметры темы.
5. Меню.
6. Повысить категорию до Pro.

В раздел «Что нового» можно не заходить. Там всё на английском. В разделе «Темы и расшерения» вам доступна только одна тема оформления дизайна мобильной версии блога, чтобы получить остальные, нужно повысить плагин до категории Pro (купить платную версию плагина), что находится в шестом разделе.

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

Сразу переходим в раздел 5 «Меню»! Здесь есть три вкладки. В первой вкладке «Тематическое меню» выбираем меню заголовка. Не забудьте сохранить параметры!

mobilnaya-versiya-wordpress-2

mobilnaya-versiya-wordpress-2

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

mobilnaya-versiya-wordpress-3

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

mobilnaya-versiya-wordpress-4

После того, как вы зададите каждой странице меню иконку, нажмите на кнопку «Просмотреть тему». В вашем браузере всплывёт новое окно с предпросмотром мобильной версии wordpress. Если иконки вас устраивают, то нажимаем сохранить параметры.

mobilnaya-versiya-wordpress-5

В этом разделе всё! Теперь переходим в раздел 4 «Параметры темы». Здесь 5 вкладок, но нам понадобятся только две. В первой вкладке «Общие» настраиваем отображение количество записей. Лучше всего поставить 7, но если хотите, то можете и 10. Выбираем эскиз «Список блога , одиночные записи». Ставим галочки, где вам нужно. Я также выбрал отображать комментарии на страница. Вот, сделал скриншот:

mobilnaya-versiya-wordpress-6

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

mobilnaya-versiya-wordpress-7

Теперь выбираем вкладку «Фирменная символика». Это настройка стилей мобильного дизайна WordPress. Цвета темы настраиваем по своему вкусу. Можете загрузить логотип вашего блога и добавить примечания к теме.

mobilnaya-versiya-wordpress-8

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

mobilnaya-versiya-wordpress-9

Теперь переходим в раздел 2 «Базовые настройки». Здесь нас интересует только вкладка «Общие».

1. Прописываем название своего блога.
2. Выбираем русский язык.
3. Режим отображения – Нормальный.
4. Начальную страницу ставим по умолчанию.

mobilnaya-versiya-wordpress-10

Смотрим, как отображается мобильная версия WordPress и, если всё хорошо, то сохраняем параметры.

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

mobilnaya-versiya-wordpress-12

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

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

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

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

Сделали ли вы себе мобильную версию блога WordPress? Помогла ли вам эта статья? Напишите об этом в комментариях!

С уважением, Никита Мельников!

16 thoughts on “Мобильная версия WordPress с плагином WPtouch доступна каждому

      1. Нет, я ж создавала блог по его бесплатному курсу, и он давал шаблон без моб версии, а с моб версией предлагал купить. вот я и купила)

  1. А у меня как то с этим плагином не срослось!!! да и вообще конечно с помощью плагина не сделать классной мобильной версии!

    Как говориться бесплатный сыр только в мышеловке))

    Если уж делать так, лучше отдать умному дяде денюжку и он все сделает так как надо!!!

  2. Я вообще данный способ адаптации считаю извращением над сайтом. Зашел сегодня на твой блог с андроида что бы посмотреть как работает плагин, и заметил что некоторые элементы не полностью отображаются. Блок «интересные статьи» налипают сверху футера, и бывает глюк когда во время перелистывания данный блок остается на месте. Сайт очень тормозит и листать становиться сложно плюс долго грузятся страницы. Вообщем плагин это не выход лично мое мнение, лучше сверстать или заказать сразу адаптивный шаблон, и не париться по этому поводу.

    1. Плагин мобильной версии у меня отключен, так как нет в этой необходимости сейчас (маленький трафик). Несомненно, лучше заказать разработку мобильной версии блога. Там всё сделают аккуратно и без проблем. Да, прошлый шаблон моего блога был адаптирован сразу под мобильную версию и под планшет.

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

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

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

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