Мобильная версия сайта на wordpress

Создание мобильной версии это важный элемент раскрутки сайта. WordPress  сам по себе довольно "тяжёлый" и требует оптимизации. Грустно видеть сайты, которые загружаются по 3-4 секунды. Для десктопных браузеров ускорение загрузки обеcпечивается плагинами кэширования типа WP Super Cashe. Но этот метод не работает для мобильных браузеров, особенно для таких как Opera mini, которая использует прокси-сервера для сжатия страниц. Применения плагинов кэширования не ускоряет загрузку страниц для мобильных пользователей, и даже может привести к тому вместо текста будет выдаваться абракадабра.

Прежде чем устанавливать плагины для мобильной версии сайта, необходимо подобрать для неё соответствующую тему. Необходимо понимать, что часто загрузку страницы замедляет именно тема. Со многими плагинами для создания мобильной версии сайта темы идут в комплекте, но меня они честно говоря не впечатлили и я решил поискать другие. Просто в админпанели открыл вкладку Темы > Установить темы и в строку поиска ввёл Mobile.

Темы для мобильной версии сайта

И вуаля - темы для мобильных версий сайта на любой цвет и вкус. Подобрал что-то более-менее в тонах основной темы и загрузил обычным способом. Активировать её естественно не надо - эта тема будет только для мобильной версии. А вот теперь можно и приступить к установке плагинов.

Mobile Smart

Неплохой плагин. В отличие от многих тут есть переключатель между мобильной и десктопной версией. Установка стандартная. Далее настраиваем в меню Параметры - Mobile Smart. Мобильная версия сайта на wordpress

На первой вкладке выбираем заранее установленную тему. Затем идёт вкладка платной версии, пропускаем и на третьей вкладке выбираем остальные настройки

Мобильная версия сайта на wordpress

Enable Manual Switcher - Добавить ссылку, которая позволит пользователю вручную выбрать версию (настольная или мобильная). Можете использовать переключатель в футере или в виджете.

 Enable Manual Switcher in footer - добавляет ссылку в футере.

Enable Manual Switcher Link whilst on Desktop - добавляет возможность для мобильных пользователей просматривать полную версию.

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

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>