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

мобильная версия сайта wordpressПриветствую читателей сайта egofilin.ru!

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

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

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

Конечно, если у вас современный шаблон вордпресс, адаптированный под мобильные устройства, то вам не о чем беспокоиться.

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

Плагин WPTouch – делаем мобильную версию сайта wordpress

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

Адаптивный дизайн, который формирует плагин WPTouch, легко позволяет адаптировать сайт wordpress под мобильное устройство, которое использует посетитель.

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

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

Вот как выглядит сайт при просмотре с мобильного устройства до и после установки плагина wordpress WPTouch

wptouch-mobilnaya-versiya-sayta
Есть очень полезный инструмент от Гугл, который проверяет скорость загрузки вашего сайта и показывает, как выглядит ресурс в мобильной версии и в обычной (с компьютера). Также показывает, что нужно исправить и как, называется он Google PageSpeed, о нем я упоминал в прошлой статье.

Так вот в первом случае удобство для пользователей он показывал 61 из 100, а после установки плагина 99 из 100. Вывод очевиден.

Установка плагина обычная, либо непосредственно с сайта wordpress.org, либо со своей административной панели блога. Скачиваете, активируете и все, плагин уже работает.

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

Вот таким образом с помощью плагина wordpress WPTouch можно адаптировать сайт под мобильные устройства.

По-моему получилась довольно аккуратная мобильная версия сайта wordpress, не находите?

Успехов вам!

С уважением Сергей Е


Как адаптировать сайт wordpress под мобильные устройства: 1 комментарий

  1. Спасибо за статью, добавил плагин WPtouch на движок wordpress, теперь понял почему сайт дальше не развивался. Вы очень помогли!

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

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