Как бесплатно создать мобильную версию сайта на WordPress за 5 минут?
Опубликовано: 05.09.2018
Всем привет! Поисковая система Google объявила, что с 21 апреля будет отдавать предпочтение сайтам с мобильной версией. Это связано прежде всего с увеличением доли людей, которые для серфинга в интернете используют мобильные платформы. Что же делать нам, простым блоггерам? Как быстро создать мобильную версию сайта на WordPress? Об этом я расскажу в этой статье.
Проверить, насколько ваш сайт оптимизирован для мобильных устройством, можно воспользоваться новым . Достаточно ввести адрес главной страницы своего сайта в центральное поле и нажать «Анализировать». Google оценит удобство вашего сайта и вынесет ваш вердикт. Если все хорошо, то вы увидите следующее:
Мобильный сайт. Как создать мобильный лендинг буквально за 10 минут
К сожалению, с первого раза пройти этот тест у меня не получилось. Блог не имел мобильной версии, да и используемый шаблон далеко не адаптивный. На планшете читать его удобно, а вот на маленьких экранов смартфонов не очень. Что же делать, если тест провален?
Конечно, можно искать web-разработчика фрилансера или web-студию, которые возьмутся за разработку мобильной версии вашего сайта, но это отнимет много времени и еще больше денег. Сейчас подобные услуги стоят от 5000 до 20 000 рублей, а то и выше — все зависит от аппетита исполнителей. Далеко не каждый блоггер может себе такое позволить, особенно на начальных этапах развития проекта. Делать все своими руками — долго, да и не каждый справится с подобной задачей. Но есть очень простой выход — воспользоваться бесплатным плагином WPtouch Mobile Plugin. Как видите, в WordPress даже на такой сложный случай найдется свой плагин.
Работает WPtouch очень просто. Сразу после активации он создает мобильную версию сайта, на которую автоматически перекидывает читателей, использующих мобильные устройства. Нам же только через админку WordPress стоит настроить ее внешний вид.
Все настройки плагина можно найти в разделе WPtouch. Часть опций доступны только для пользователей платной версии WPtouch Pro, но это необязательные настройки, без который вполне можно обойтись.
1. Базовые настройки.
Здесь я практически ничего не менял. Подправил только «Название и автор сайта» и задал язык.
2. Темы и расширения.
WPtouch делает мобильную версию блога не из вашей темы WordPress , а использует свои шаблоны. По умолчанию доступен только один шаблон — Bauhaus. К сожалению, другие темы и дополнительные расширения к ним доступны только в платной версии плагина.
3. Параметры темы.
Здесь идет настройка внешнего вида мобильной версии вашего блога. Лично я поигрался только с настройками из раздела «Фирменная символика»:
Настроил цвета темы, чтобы они не раздражали моих читателей. Добавил эмблему сайта, которая выводится в шапке мобильной версии. Указал ссылки на мои профили в социальных сетях Facebook, Twitter и Google+.
Чтобы посмотреть на полученный результат, не обязательно лезть в телефон. В самом низу страницы есть кнопка «Просмотреть тему». Нажмите на нее, и откроется новое маленькое окошко, в котором вы увидите свой обновленный блог.
4. Меню.
И в последнем разделе нам следует настроить меню. Сначала меню нужно сформировать в разделе WordPress «Внешний вид» — «Меню». Потом его следует выбрать в настройках WPtouch. Для красоты к каждому пункту меню можно прикрепить свою иконку.
Вот и все! Буквально за 5 минут мобильная версия вашего сайта на WordPress готова к использованию. И все это абсолютно бесплатно! Пользуйтесь на здоровье.
Лучший способ выразить благодарность автору - поделиться с друзьями!
Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:
Следите за обновлениями в Twitter и RSS.