Это третья статья из серии «Твой мобильный сайт».
В первой статье мы разобрались с тем, как просматривать ваш сайт на виртуальном мобильном устройстве, во второй протестировали плагин WPtouch, который превращает ваш сайт в мобильный.
А в этой статье мы «прокачаем» своими руками этот плагин до приемлемого уровня...
Поехали...
Поддержка русского языка
Самый большой минус плагина в том, что нет официальной поддержки русского языка.
Не беда, мы можем сами локализовать этот плагин. Для этого:
- Заходим в директорию wp-content/plugins/wptouch/lang/src/ и забираем от туда исходник wptouch.pot.
- Качаем программу POEdit
- Запускаем ее. Жмем в меню на «Файл»--"Создать каталог из POT-файла" и выбираем наш исходник wptouch.pot. Далее просто переводим с английского на русский и сохраняем.
- В результате вы получите два файла с расширением .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
находим
1 |
function bnc_wptouch_get_user_agents() { |
и добавляем в массив
1 |
"iPad", // Apple iPad |
2. В wptouch/themes/core/core-functions.php
находим
1 |
function wptouch_idevice_classes() { |
и добавляем
1 |
$iPad = strstr( $_SERVER['HTTP_USER_AGENT'], 'iPad' ); |
Находим
1 |
if ( $iPhone || $iPod ) { |
Меняем на
1 |
if ( $iPhone || $iPod || $iPad ) { |
Отключаем плагины
Если включение ограниченного режима WPtouch не помогло с остановкой мешающего плагина в мобильной версии сайта, то можно прописать следующие хаки:
1. Если у вас стоит плагин GetSocial, то в конец файла wptouch/themes/core/core-functions.php
добавляете
1 2 3 4 |
//GetSocial remove_filter('the_content', 'add_getsocial_div'); remove_action('wp_footer','add_getsocial_scripts'); remove_action('wp_footer','add_getsocial_box'); |
2. Если у вас стоит плагин jQuery lazy load plugin, то в конец файла wptouch/themes/core/core-functions.php
добавляете
1 2 3 |
//jQuery lazy load plugin remove_action('wp_head', 'jquery_lazy_load_headers'); remove_action('wp_head', 'jquery_lazy_load_ready'); |
Выводы
В целом WPtouch очень и очень полезный плагин для переделывания вашего сайта в мобильный. Конечно огорчает, что в бесплатном режиме отсутствует возможность создавать/редактировать тему сайта, да и функционал только базовый (нет поддержки твитера, моб. рекламы), но с прямыми руками его можно доделать и самим, что и подтверждает эта статья.
Если у вас стоят металлические входные двери, то в случае неполадок с замком обращайтесь в компанию slomanet.ru, они занимаются не только ремонтом замков, но и их установкой, заменой и т.д.
А чтобы вы изменили или добавили к данному плагину?
Столкнулся с такой проблемой, что никак не получается перевести 3 слова, которые находятся в самом низу моб. версии
Load more entries...
Mobile
Desktop
Ни в одном файле плагина этих враз нет!
Что делать!?
Версия плагина 3.1.9
Установлена 11 марта 2014
Посмотреть результат можно apensl.ru
...ставил Pro версию (нашел в поисковике), а она вообще ни моб. версию не отображает, ни на компьютере
Выводит страницу свободного домена