Делаем мобильную версию сайта на WordPress без использования респонсивной верстки
CSS

Делаем мобильную версию сайта на WordPress без использования респонсивной верстки

15 апреля 2014 308

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

Reg.ru: Регистрируем домены в любой зоне мира
Reg.ru: Регистрируем домены в любой зоне мира

Самое оптимальное — это переверстать существующий шаблон под респонсив. Но это может оказаться не самым дешевым удовольствием. Второй момент заключается в том, что не каждый шаблон готов к этой процедуре. Респонсив, как правило, начинает учитываться еще на этапе разработки дизайн-макета. Скажу больше: разработка начинается с мобильной версии сайта и уже на ее основе разрабатываются планшетная и в последнюю очередь полная десктопная версия.

Как же быть?

Если ваш сайт работает на WordPress — никаких проблем! Для него существует достаточно большой выбор плагинов, с помощью которых можно сгенерировать мобильную версию вашего сайта. Естественно, все их мне попробовать не удалось, но с парочкой самых достойных я вас сегодня познакомлю. Итак, встречаем! Плагины WordPress для создания мобильной версии сайта WPtouch Mobile Plugin и Device Theme Switcher.

WPtouch Mobile Plugin

WPtouch Mobile Plugin

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

Device Theme Switcher

Его смысл заключается в следующем: вы можете задать любую тему (шаблон), которая будет срабатывать при заходе на сайт с десктопа, планшета или мобильника. Возвращаясь к нашей задаче в начале публикации, становится ясно, что с помощью Device Theme Switcher можно адаптировать под мобильные девайсы абсолютно любой шаблон, так как мобильные версии сайта в данном случае никак не зависят от выбранного десктопного шаблона. Плагинов аналогичного типа огромное количество. Я остановил свой выбор на Device Theme Switcher лишь потому что он самый простой, легкий и имеет самый-самый минимум настроек.

Device Theme Switcher

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

Фото: Kārlis Dambrāns — Creative Commons / flickr.com

Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе WordPress.

Комментарии

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее