Ваш наставник в мире
интернет бизнеса

WPtouch — плагин для wordpress или как сделать мобильную версию блога за считанные минуты!

mobilnaya-versiya-bloga
Здравствуйте уважаемые читатели isif-life.ru.  Посещаемость блога — это важный показатель, подробнее об этом я говорил в статье про то, как увеличить посещаемость сайта.

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

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

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

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

Для тех, кто зарабатывает на рекламе Гугл Адсенс, Яндекс Директ, Банерах,  установить мобильную версию на свой блог следует обязательно, так как со смартфона Galaxy S III или с планшета ASUS Google Nexus 7 кликать по рекламе с простой версии темы неудобно, проверял лично.

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

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

Плагин WPtouch. Для чего он нужен?

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

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

Как установить WPtouch?

Все также, как и с обычным плагином.

1. Производим скачивание на сайте плагинов вордпресс;

skachat

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

3. Соединяемся с FTP-сервером.

4. Переходим вот сюда: wp-content/plugins/;

5. Теперь переносим плагин в эту папку, посредством: курсор мыши наводим на плагин, кликаем и не отпуская переносим в список всех плагинов;

6. Сейчас плагин внутри вашего сайта, но он еще не работает, так как вам необходимо перейти в админку блога и Активировать WPtouch. Активацию можно сделать, зайдя в «ПЛАГИНЫ».

7. После проведенной активации переходим в настройки. Они находятся в разделе «ПАРАМЕТРЫ», на новой версии вордпресс образуется новая вкладка, в самом низу, то есть настройки плагина не в разделе параметры и туда далее, а прямо среди общих разделов.

nastraivaem

ВАЖНО! Не стоит использовать данный плагин, если вы являетесь начинающим в блогосфере, поскольку вес этого атрибута велик и для молодого блога он не так обходим.

Настройки WPtouch?

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

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

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

Что-то не устраивает? Тогда проведите настройки! Как туда попасть я уже сказал выше. Сейчас подробнее о них!

В разделе WPtouch есть несколько подразделов:

1. Что нового;
2. Основные параметры;
3. Темы и Расширения;
4. Настройки темы;
5. Меню;
6. Обновить до Pro;

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

Первым делом посетим основные параметры. Если все отображается на латинском, тогда выполняем перевод.

Здесь есть куча параметров, которые следует знать, но можно также ничего не делать, а оставить все на своих местах.

osnovnie

Вот, что мы здесь нашли:

  • Отображение названия блога;
  • Регионализация;
  • Режим отображения;

Еще немало других настроек, вы можете их посмотреть на срине, который я предоставил.

Темы и расширения. Это второй раздел плагина.

themes

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

Настройки темы. Здесь думаю и остановимся ненадолго.

temi-nastroiki
  • Общие;
  • Брендинг;
  • Иконки Закладок;
  • Веб-режим App;
  • Реклама;

Делайте все под себя и довольствуйтесь.

Последнее, что я хотел бы отметить  из настроек -  это Меню.

menu

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

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

С уважением, [urlspan]Жук Юрий.[/urlspan]

 

комментария 24
  1. Никита

    большинство мобильных версий не показывает картинки, а вывод идет просто текстом.

    по мне, так это не очень хорошо.

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

    в 12:37 | Ответить
  2. Никита

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

    в 15:23 | Ответить
  3. Иван Балашов

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

    в 11:11 | Ответить
    • Alphainvestor

      Полностью согласен!

      в 10:58 | Ответить
  4. Георгий Савин

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

    В планах переделать верстку своего шаблона и сделать его адаптивным!

    в 12:39 | Ответить
    • Жандос Мукатаев

      Переделать верстку — это круто [good]

      в 13:30 | Ответить
  5. Александр

    Спасибо за информацию. Будем пробовать. Хотелось бы на главной отображать рубрики.

    в 23:30 | Ответить
  6. Евгений

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

    в 20:16 | Ответить
  7. Ирина

    Тема в бесплатной версии доступна только одна, остальные — Pro — платно! 59 долларов на один сайт...

    в 21:53 | Ответить
    • Антон Егоров

      Уже не 59$, а 88$. Хотел купить, но что-то жалко 😉 Мне кажется работа верстальщика будет стоить дешевле. Который ручками перепишет сайт под мобильную версию.

      в 21:15 | Ответить
  8. Денис

    Как узнал что Google решил фильтровать с 21 апреля сайты, стал искать решения для сайта, через Яндекс нашел вашу статью. Плагин буду устанавливать. Благодарю за рекомендации, думал уже заказывать новый дизайн. [good] 🙂

    в 10:24 | Ответить
  9. Олег

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

    в 02:06 | Ответить
  10. pomosh

    Захожу на свой блог с планшета, и с galaxi S4, все можно прочитать, все понятно. Поэтому, плагин пока ставить не буду.

    Тем более Александр сам говорит, что плагин тяжелый.

    в 08:23 | Ответить
  11. Ярослав

    Добрый день. А что все-таки лучше использовать адаптивную верстку или установить данный плагин?

    И еще такой вопрос- почему-то задать для мобильных пользователей подгрузку отдельного файла стилей получается только через такую запись: <link rel="stylesheet" href="/mobile.css" media="all handheld" />. Является ли она верной?

    Благодарю за помощь.

    в 10:06 | Ответить
  12. Ярослав

    И еще один вопрос — нужно ли добавлять коды Яндекс Метрики и других сервисов статистики в шаблон WPTouch? Или эти данные подгружаются из обычного шаблона?

    в 10:16 | Ответить
  13. Олег

    Кто знает где найти информацию о том как переделать тему (сделать ее адаптивной). И при установке этого плагина, как включить рекламу Адсенс ??? Наверное можно же разместить рекламу не покупая версию Про??

    в 20:36 | Ответить
  14. Светлана

    Добрый вечер! Подскажите пожалуйста, я скачала wptouch и wordpress , загрузила на сервер две эти папки. У меня нет "админки". Как активировать плагин? Сайт писала вручную.

    в 17:54 | Ответить
  15. Александр

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

    в 04:28 | Ответить
  16. Александр

    Проверил, так и есть конфликтует с плагином кеширования. У меня стоит плагин Hyper Cache для кеширования. Отключил его и все ОК. Пришлось в htaccess некоторые моменты прописывать для кеширования

    в 04:34 | Ответить
    • Андрей

      Александр

      Пришлось в htaccess некоторые моменты прописывать для кеширования.

      Что именно прописал?

      У меня тоже конфликтуют эти 2 плагина.

      в 16:06 | Ответить
  17. Дмитрий

    Здравствуйте Александр.

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

    Сегодня пришло обновление плагина, при первом обновлении блог сразу выдает ошибку.

    Приходится заходить в панель управления хостинга, удалять плагин, заново скачивать, устанавливать и активировать.

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

    Плагин не был активирован, потому что он вызвал фатальную ошибку.

    Parse error: syntax error, unexpected T_STRING in /home/.../domains/.../public_html/wp-content/plugins/wptouch/core/class-cache-smash.php on line 104.

    Подскажите, если знаете, с чем это может быть связано?

    в 20:44 | Ответить
  18. Александр

    Может просто тему выбрать с поддержкой мобильной версии.

    в 12:00 | Ответить
  19. nikon

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

    Почему так? Подскажите пожалуйста.

    Кнопки меню неактивные. Версия плагина 4.3.28

    в 14:24 | Ответить
  20. Ольга

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

    в 16:05 | Ответить
Оставить комментарий: