Плагин WordPress WPTouch. Как сделать мобильную версию сайта?

  Автор:
  1531

Плагин WordPress WPTouch

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

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

Обзор плагина WPTouch.

  • WPTouch — бесплатный плагин, который создает приятную на вид тему для просмотра сайта на экране мобильного телефона;
  • Установленный плагин не конфликтует с шаблоном компьютерной
    темы сайта и не делает изменений кода;
  • Плагин очень легкий и быстро загружается;
  • Имеет панель администрирования для настройки представления
    сайта или блога при показе мобильной темы;
  • Пользователь смартфона имеет возможность переключения
    с мобильной темы на обычную, компьютерную;
  • Плагин не замедляет скорость загрузки сайта, поскольку весь
    мобильный контент оптимизированный;
  • Мобильная тема позволяет пользователю смартфона войти в аккаунты трех социальных сетей: Coogle+, Facebook и Twitter;
  • Плагин WPTouch является товарным знаком BraveNewCode Inc.

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

Я же установил бесплатную версию и вполне доволен тем, как мой блог отображается на смартфоне.
Вот как выглядит мой блог на смартфоне:

Мобильный сайт

 Как установить плагин WPTouch?

Замечание.

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

Это надо сделать потому, что некоторые устанавливаемые плагины конфликтуют с шаблоном темы, либо с CMS WordPress.

Итак, устанавливаем плагин:

1 шаг: Скачать плагин на свой компьютер отсюда:

https://wordpress.org/plugins/wptouch/

2 шаг: Зайти в админку блога, в меню консоли навести мышку на раздел «Плагины» и в выпадающем меню нажать «Добавить новый»;

3 шаг: Откроется страница с плагинами, но надо в самом верху нажать на кнопку «Загрузить плагин» и на открывшейся странице нажать кнопку «Выберите файл»;

4 шаг: Взять архив с плагином на компьютере, загрузить его на блог и активировать.

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

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

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

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

  • Что нового;
  • Базовые настройки;
  • Темы и расширения;
  • Параметры темы;
  • Меню;
  • Повысить категорию до Pro.

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

1. Перейти в раздел «Быстрые настройки»;
2. Найти блок «Начальная страница» и отметить точкой «Custom»;
3. В поле ниже вставить ссылку на ленту статей блога и нажать кнопку «Сохранить изменения» (смотрите скриншот).

 Настройка плагина WPToch

И теперь здесь же можно проверить: как сайт представлен в мобильной теме. Для этого нажмите кнопку «Просмотреть тему» и откроется мобильная версия сайта.

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

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

На этом я прощаюсь с вами и верю, что у вас все получится.

До новых встреч!

P.S. Сделайте еще очень важное дело. Если ваш сайт зарегистрирован в Google Webmasters Tools, обязательно подтвердите мобильную версию вашего сайта.

Без подтверждения поисковая система Google будет считать ваши страницы ошибочными и ранжироваться они будут соответственно.

Вот ссылка, для подтверждения:

https://www.google.com/webmasters/tools/mobile-friendly/

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

на Блоге
в Вконтакте
в Фейсбук