Серия статей «Твой мобильный сайт». Часть 3. Фокусы с WPtouch

Это третья статья из серии «Твой мобильный сайт».

В первой статье мы разобрались с тем, как просматривать ваш сайт на виртуальном мобильном устройстве, во второй протестировали плагин WPtouch, который превращает ваш сайт в мобильный.

А в этой статье мы «прокачаем» своими руками этот плагин до приемлемого уровня...

Поехали...

Поддержка русского языка

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

  1. Заходим в директорию wp-content/plugins/wptouch/lang/src/ и забираем от туда исходник wptouch.pot.
  2. Качаем программу POEdit
  3. Запускаем ее. Жмем в меню на «Файл»--"Создать каталог из POT-файла" и выбираем наш исходник wptouch.pot. Далее просто переводим с английского на русский и сохраняем.
  4. В результате вы получите два файла с расширением .po и .mo. Назовем их ru_RU.po и ru_RU.mo, далее скопируем файл с расширением .mo в каталог wp-content/plugins/wptouch/lang/, а файл с расширением .po в wp-content/plugins/wptouch/lang/src/.

PS. Разумеется, перевод уже сделан и он входит в модифицированный плагин WPtouch, который вы сможете скачать, если подписаны на RSS канал.

Далее попробуем настроить WPtouch под наши нужды.

FAQ по настройке WPtouch

Основные настройки

В основных настройках в языковых настройках ставим автоматическое распознавание, потому как русского языка в списке выбора нет, но при этом не забудьте положить файлы перевода в нужные папки, см. Поддержка русского языка. Причем, если вы используете двойной перевод на основном сайте, например, ru_Ru для админа и ru_RU_lite для пользователей, то и здесь вам нужно сделать такую же копию.

Остальные настройки интуитивно понятны.

Дополнительные параметры

Интересный параметр — Allow zooming on content. Он дает возможность увеличивать контент.
Остальные настройки интуитивно понятны, но есть еще одна — «Включение ограниченного режима WPtouch». Смысл этого режима в исправлении конфликтов между плагинами и WPtouch. Дело в том, что WPtouch может нарушать функциональность ваших плагинов для основного сайта, и чтобы таких конфликтов не было, он их отключает для мобильных пользователей.

Набор иконок

По умолчанию WPtouch поставляется с некоторым набором иконок. Можно использовать их, а можно создать свои с помощью сервиса iPhone Icon Generator.

Разбираем код

Опознаем iPad

Из описания продукта ясно, что эта версия в полной степени не поддерживает iPad.
Попытаемся ее обучить:
1. В wptouch/wptouch.php находим

и добавляем в массив

2. В wptouch/themes/core/core-functions.php находим

и добавляем

Находим

Меняем на

Отключаем плагины

Если включение ограниченного режима WPtouch не помогло с остановкой мешающего плагина в мобильной версии сайта, то можно прописать следующие хаки:

1. Если у вас стоит плагин GetSocial, то в конец файла wptouch/themes/core/core-functions.php добавляете

2. Если у вас стоит плагин jQuery lazy load plugin, то в конец файла wptouch/themes/core/core-functions.php добавляете

Выводы

В целом WPtouch очень и очень полезный плагин для переделывания вашего сайта в мобильный. Конечно огорчает, что в бесплатном режиме отсутствует возможность создавать/редактировать тему сайта, да и функционал только базовый (нет поддержки твитера, моб. рекламы), но с прямыми руками его можно доделать и самим, что и подтверждает эта статья.
Если у вас стоят металлические входные двери, то в случае неполадок с замком обращайтесь в компанию slomanet.ru, они занимаются не только ремонтом замков, но и их установкой, заменой и т.д.
А чтобы вы изменили или добавили к данному плагину?


Один комментарий на “Серия статей «Твой мобильный сайт». Часть 3. Фокусы с WPtouch

  1. Столкнулся с такой проблемой, что никак не получается перевести 3 слова, которые находятся в самом низу моб. версии

    Load more entries...

    Mobile

    Desktop

    Ни в одном файле плагина этих враз нет!

    Что делать!?

    Версия плагина 3.1.9

    Установлена 11 марта 2014

    Посмотреть результат можно apensl.ru

    ...ставил Pro версию (нашел в поисковике), а она вообще ни моб. версию не отображает, ни на компьютере

    Выводит страницу свободного домена

Оставить комментарий