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

Плагины для WordPress: шаблон для мобильной версии блогаБеспроводной интернет и соответствующие мобильные устройства, позволяющие выходить в сеть с любого места развиты достаточно хорошо и используются довольно обширно. Такое положение вещей все чаще приводит к тому, что владельцы сайтов дорабатывают свои детища до мобильных версий. Обращаясь к статистике мобильного интернета — 11% в России, 16% в США. Разумеется это общие числа, но так или иначе на ваш блог или сайт наверняка, заходят с мобильных устройств и терять таких пользователей не есть хорошо.

Для WordPress уже существуют плагины, которые показывают мобильную версию блога, если пользователь зашел с какого-нибудь iPhone.

Несколько плагинов, создающие мобильный шаблон блога

  • MobilePress — очень не плохой плагин. Простой, функциональный ничего лишнего, только то что нужно. Работает как под PDA (КПК), так и под Смартфоны, хорошо их определяет (Opera Mobile определил как мобильное устройство). Настроек минимум: можно изменить заголовки блога и указать отдельный шаблон для iPhone.
  • WordPress Mobile Pack — самосвал, к которому стоит присмотреться. Позволяет настроить внешний вид отображения блога. Изменить количество выводимых постов, цветовую схему, можно включить или отключить некоторые доступные виджеты. И еще ряд настроек. Есть статистика. Плохо, что  нет локализации на русский. Хороший детектор мобильных устройств (увидел Opera Mobile). Особенность: Копирует темы под мобильные устройства в каталог тем WordPress — мне такое поведение показалось немного странным.
  • WordPress PDA & iPhone — очень простой плагин и в то же время выполняющий свою функцию. Рассчитан под PDA (КПК) и Смартфоны (iPhone): отдельный шаблон для каждого типа устройства. Плагин довольно простой, без лишних наворотов. Из настроек, можно только расширить типы устройств (USER_AGENT), для которых будет показываться мобильный шаблон.
    Проверка мобильных устройств не полная: Opera Mobile не определил как мобильное устройство.
  • WordPress Mobile Edition — ничем не приглянулся. Opera Mobile определить как мобильное устройство не смог, но это настраивается в админке: можно добавить типы устройств, которые будут определяться как PDA (КПК) и отдельно как Смартфоны. По коду - плагин простенький, что вроде бы хорошо, но структура темы немного запутанная, что усложняет её редактирование в случае необходимости. Оставляет следы (записи в таблице опций) после удаления.
  • WPtouch — самосвал, рассчитаный на смартфоны с тачскрином (видимо от сюда и название): iPhone / iPod touch, Google Android, Blackberry Storm and Torch, Palm Pre. Использует ajax. Начальная версия урезанна, т.е. есть возможность купить более полную версию этого плагина. Нуждается в русской локализации. Всякие PDA не определяет как мобильные устройства, что не есть гуд.

У всех плагинов можно вручную изменить тему под свои нужды. Мобильные темы находятся в папках плагинов. Структура шаблона такая же как в обычной теме WordPress.

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

Определяем посетителя с мобильного устройства

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

Сейчас мы просто рассмотрим как выявить, что посетитель зашел с мобильного устройства. Для этого я нашел целый сайт, который занимается этой проблемой в серьез — смотрите сами (на англ).

Чтобы определить, что пользователь зашел с мобильного устройства нужно:
1. скачать этот архив mobile_device_detect.zip;
2. залить файл mobile_device_detect.php из архива на сервер в папку темы;
3. в functions.php использовать такую проверку:

require_once('mobile_device_detect.php');
$mobile = mobile_device_detect();

if($mobile){
    // здесь делаем что-нибудь для пользователей с мобильных устройств,
    // например отдаем им мобильную тему
}

Дополнительная информация

Функция mobile_device_detect() может принимать ряд параметров:

mobile_device_detect($iphone, $ipad, $android, $opera, $blackberry, $palm, $windows, $mobileredirect, $desktopredirect);

$iphone, $ipad, $android, $opera, $blackberry, $palm, $windows — все эти параметры указывают считать ли соответствующее устройство мобильным. По умолчанию: true. Можно указать УРЛ (с http://), тогда если зашли с соответствующего устройства, пользователя перекинет на указанный УРЛ.

$mobileredirect, $desktopredirect — в этих параметрах указываем УРЛ (с http://), на который перекинуть, если зашли с мобильного устройства типа отличного от вышеприведенных. По умолчанию false — просто вернет true (зашли с мобильного устройства), никуда не будет редиректить (перекидывать).

Функция всегда возвращает массив из 2-х элементов:

$mobile = mobile_device_detect();

$mobile[1] = true или false (мобильное устройство или десктопное).
$mobile[2] = Строка. Тип устройства, по которому можно определить Смартфон это, iPhone или КПК

$mobile[2] может быть:
'Apple iPad'
'Apple'
'Android'
'Opera'
'Blackberry'
'Palm'
'Windows Smartphone'
'Mobile matched on piped preg_match'
'Mobile matched on content accept header'
'Mobile matched on profile headers being set'
'Mobile matched on in_array'
'Desktop / full capability browser' (не мобильное устройство)

---
Все знают про гоночный чемпионат Формула 1, а про Формулу 2 слышали? Такой тоже есть и уже существует третий год.

Теги:
Рубрика: Плагины WordPress | 21 июля 2011

Предыдущие записи из рубрики `Плагины WordPress`

7 комментариев

vovan3, 22.07.2011 в 18:35

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

ОтветитьОтветить
kama, 25.07.2011 в 02:19

vovan3, так то оно так, но с мобильной версией все-таки поудобнее будет.

ОтветитьОтветить
slesar, 30.07.2011 в 20:33

Согласен с vovan3 - сейчас все мобильные браузеры (я говорю про версии для КПК и смартфонов) умеют очень хорошо оптимизировать сайт при просмотре.

ОтветитьОтветить
Марина, 16.08.2011 в 02:11

Большое спасибо за подсказку плагина! В моем смартфоне мой блог выглядит отлично! Правда, я просто активировала, без настроек. Но все равно хорошо. А с настройками как-нибудь разберусь на досуге.

ОтветитьОтветить
Тимофей, 18.08.2011 в 14:48

vopros po WordPress Mobile Pack, ustanovil plagin. No pri teste na http://ready.mobi i v brouzere ne otobrazhaet mobiljnuju versiu 🙁
V chem mozhet bytj problema?
(Pochemu to kirilica krakozabrami pishetsa vot naprimer вот напримр)

ОтветитьОтветить
Вадим, 19.03.2015 в 01:42

Норм. Спасибо за инфо!

ОтветитьОтветить
Vika, 05.05.2015 в 11:13

А как можно узнать поддерживается ли вообще мобильная версия сайта? В настройках темы не вижу подобной опции.

ОтветитьОтветить

Комментировать