Здравствуйте уважаемые коллеги, гости wordpress-book.ru.
Не обращали внимания, как стремительно растет число пользователей интернета со своих мобильных телефонов? Не думали создать мобильную версию для своего сайта?
Я тоже задумывался на этот счет, но, было как-то недосуг. Все откладывал на завтра. Видимо, ждал того петуха, который клюнет в известное место. Так вот, на днях, в моей панели инструментов для веб-мастеров от Гугла появилось следующее сообщение:
Перейдя по предложенной в сообщении ссылке по адресу https://www.google.com/webmasters/tools/mobile-friendly/ и, проанализировав там главную страницу своего блога, я получил вот такой грустный результат:
Согласитесь, глупо терять солидную долю трафика (до 40%) из-за такой ерунды, как отсутствие мобильной версии сайта.
Можно адаптировать свою тему соответствующим образом вручную. А можно и обойтись специальным расширением для своей CMS. Второй вариант подойдет тем, кто несилен в верстке или, если очень хочется создать мобильную версию прямо сейчас, на время проведения работ по адаптации или вообще на постоянную основу. Как говорится: «Нет ничего более постоянного, чем временное».
Тестируя самые популярные плагины WordPress для решения поставленной задачи, я остановился на WP Mobile Detector.
В отличие от других, этот плагин оптимизировал все страницы wordpress-book.ru под мобильные устройства без замечаний. В бесплатной версии он не имеет ограничений по функционалу, а только по количеству предустановленных тем. Прост в настройке, быстр, легок и довольно симпатичен.
Настройка WP Mobile Detector
После установки и активации стандартным способом, в левой колонке панели администратора появится новое подменю — WP Mobile Detector, при открытии которого появятся пункты с настройками, статистикой и списком доступных тем. Тут все просто, сами разберетесь.
В верхней части, на каждой странице админки, появится предупреждающая надпись о необходимости присвоения папке cache плагина полных прав на чтение, запись и выполнение.
Без этого не будет работать кэширование мобильной версии вашего WordPress сайта.
Зайдите на свой сервер по ftp, найдите там папку cache и присвойте ей полные права, как на картинке.
Предупреждающее сообщение исчезнет.
Перевод WP Mobile Detector, удаление ссылок
Все было бы совсем хорошо, если бы плагин имел русскую локализацию и не расставлял бы внешние исходящие ссылки в свои темы.
Начнем с самого простого и наиболее важного — с удаления этих самых ссылок.
Отредактируем файлы темы «bluesteel-mobile«, уже установленной по умолчанию. Использовать будем текстовый редактор Notepad++.
Итак, откройте файлы footer.php, sidebar.php, functions.php, и удалите из них коды, выделенные на скриншотах. Пути к файлам подчеркнуты красной чертой.
Для русификации, потребуется отредактировать файлы functions.php — в корне плагина и файлы шаблона — sidebar.php, search.php, index.php, comments.php, category.php, 404.php, archive.php, searchform.php. Просто замените все слова, нуждающиеся в переводе (напечатаны ядерно-черным шрифтом), на русские.
Перед редактированием, обязательно измените кодировку текстового документа с ANSI на UTF-8 (без BOM) в инструментах «Кодировки» текстового редактора Notepad++.
Для наглядности или для использования, скачайте уже отредактированный мной WP Mobile Detector по ссылке ниже.
Скачать русский WP Mobile Detector версии 1.8 без внешних ссылок.
Теперь ваш WordPress сайт имеет полноценную мобильную версию, поисковики и посетители обязательно это оценят.
18 комментариев: Мобильная версия WordPress сайта — плагин WP Mobile Detector
Добавить комментарий
Не подскажите про вот этот мобильный плагин Pronto — Mobile Site Convertor ни где о нем не чего найти не могу
Установила этот плагин. В мобильной версии отображается родная тема, дизайн как конфетка так, что всем советую. Я долго искала именно такой.
Установил ваш вариант. При нажатии ссылки на переход на полную версию сайта остается всё та же мобильная тема, только картинки увеличиваются и вылезают за пределы экрана.
Жаль, что видео не масштабируется и тоже лезет за границы.
Некоторые страницы почему-то стали отображаться в полной версии. В общем, каша получилась. И да, кэш обновлял — без результата.
Хотя сначала всё было вроде нормально, только картинки съезжали вправо — видно, те, к которым было применено форматирование по центру.
Уфф, что-то стрёмно, не понимаю 🙂 Да и вас не хотелось бы загружать. Но, может, есть пара слов по этому поводу?
З.Ы. Да, и Яндекс.браузер на компьютере почему-то показывает мобильную версию )))
Затрудняюсь ответить (. Может конфликт с вашей темой. Поищите другой плагин, их сейчас много.
Все бы хорошо но реклама не отображается,помогите, кто знает что делать?
Андрей, попробуйте использовать синхронный код эдсенса для рекламных объявлений, если у Вас сейчас асинхронный.
Поробую, спасибо.
По мне самая красивая мобильная тема получается через Jetpack, все-таки — просто сжимается версия обычного сайта, дизайн сохраняется.
Плагины пробовала, нет от них удовлетворения.
Роман, после установки плагина в течении суток ни одного клика по рекламе в сайдбаре. До установки 8-10 было каждый день. Посещаемость сайта около 200. Как это можно объяснить? Может плагин не дает показывать сайдбар, а только контент?
Затрудняюсь ответить. При чем тут плагин? Реклама присутствует. Может изменились объявления, и по ним кликать не хотят?
Роман, скачал Ваш плагин. Нужно ли в нем делать настройки? Спасибо
Это как хотите. Можно оставить базовые настройки.
Повезло, однако…)
Интересно. что я со своим сайтом ничего не делал, он как-то сам стал загружаться в мобильной версии на смартфоны и т.д.
Значит шаблон написан в адаптивном варианте.
Поменял шаблон и обнаружил, что мобильная версия совсем не «ахти». Это тот случай, когда статья попалась кстати, и как всегда +1 в соц.сети:)
В ответ +1 на статью о продвижении блога :-).
Да, и гугл вебмастер письмо прислал, что «Сайт … не оптимизирован для мобильных устройств, Мы проверили 72 стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах….и т.д.
Так что пришлось искать и устанавливать адаптивные шаблоны и плагины сооствествущие