Здравствуйте уважаемые коллеги, гости wordpress-book.ru.

Не обращали внимания, как стремительно растет число пользователей интернета со своих мобильных телефонов? Не думали создать мобильную версию для своего сайта?

Мобильная версия сайта

Я тоже задумывался на этот счет, но, было как-то недосуг. Все откладывал назавтра. Видимо, ждал того петуха, который клюнет в известное место. Так вот, на днях, в моей панели инструментов для веб-мастеров от Гугла появилось следующее сообщение:

wordpress-book-ne-optimizirovan

Перейдя по предложенной в сообщении ссылке по адресу https://www.google.com/webmasters/tools/mobile-friendly/ и, проанализировав там главную страницу своего блога, я получил вот такой грустный  результат:

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

Согласитесь, глупо терять солидную долю трафика (до 40%) из-за такой ерунды, как отсутствие мобильной версии сайта.

Можно адаптировать свою тему соответствующим образом вручную. А можно и обойтись специальным расширением для своей CMS. Второй вариант подойдет тем, кто несилен в верстке или, если очень хочется создать мобильную версию прямо сейчас, на время проведения работ по адаптации или вообще на постоянную основу. Как говорится: "Нет ничего более постоянного, чем временное".

Тестируя самые популярные плагины WordPress для решения поставленной задачи, я остановился на WP Mobile Detector.

Мобильная версия WordPress сайта

В отличие от других, этот плагин оптимизировал все страницы wordpress-book.ru под мобильные устройства без замечаний. В бесплатной версии он не имеет ограничений по функционалу, а только по количеству предустановленных тем. Прост в настройке, быстр, легок и довольно симпатичен.

Настройка WP Mobile Detector

После установки и активации стандартным способом, в левой колонке панели администратора появится новое подменю - WP Mobile Detector, при открытии которого появятся пункты с настройками, статистикой и списком доступных тем. Тут все просто, сами разберетесь.

Настройка WP Mobile Detector

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

cache

Без этого не будет работать кэширование мобильной версии вашего WordPress сайта.

Зайдите на свой сервер по ftp, найдите там папку cache и присвойте ей полные права, как на картинке.

изменить атрибуты папки

Предупреждающее сообщение исчезнет.

Перевод WP Mobile Detector, удаление ссылок

Все было бы совсем хорошо, если бы плагин имел русскую локализацию и не расставлял бы внешние исходящие ссылки в свои темы.

Начнем с самого простого и наиболее важного - с удаления этих самых ссылок.

Отредактируем файлы темы "bluesteel-mobile", уже установленной по умолчанию. Использовать будем текстовый редактор Notepad++.

Итак, откройте файлы footer.php, sidebar.php, functions.php, и удалите из них коды, выделенные на скриншотах. Пути к файлам подчеркнуты красной чертой.

footer

sidebar

functions

Для русификации, потребуется отредактировать файлы functions.php - в корне плагина и файлы шаблона - sidebar.php, search.php, index.php, comments.php, category.php, 404.php, archive.php, searchform.php. Просто замените все слова, нуждающиеся в переводе (напечатаны ядерно-черным шрифтом), на русские.

searchform

Перед редактированием, обязательно измените кодировку текстового документа с ANSI на UTF-8 (без BOM) в инструментах "Кодировки" текстового редактора Notepad++.

Для наглядности или для использования, скачайте уже отредактированный мной WP Mobile Detector по ссылке ниже.

Скачать русский WP Mobile Detector версии 1.8 без внешних ссылок.

Теперь ваш WordPress сайт имеет полноценную мобильную версию, поисковики и посетители обязательно это оценят.

Дорогой коллега, если статья для тебя была полезна, подпишись на обновления блога.

С уважением, Роман Ваховский.

Хороший человек всегда нажмет на кнопку!
Комментарий > Благодарность > Ссылка на секретную страницу блога

16 комментариев: Мобильная версия WordPress сайта - плагин WP Mobile Detector

Страница 1 из 11
  • Руслан говорит:

    Да, и гугл вебмастер письмо прислал, что "Сайт ... не оптимизирован для мобильных устройств, Мы проверили 72 стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах....и т.д.
    Так что пришлось искать и устанавливать адаптивные шаблоны и плагины сооствествущие

  • Андрей говорит:

    Поменял шаблон и обнаружил, что мобильная версия совсем не "ахти". Это тот случай, когда статья попалась кстати, и как всегда +1 в соц.сети:)

  • Alex говорит:

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

  • Александр говорит:

    Роман, скачал Ваш плагин. Нужно ли в нем делать настройки? Спасибо

  • Александр говорит:

    Роман, после установки плагина в течении суток ни одного клика по рекламе в сайдбаре. До установки 8-10 было каждый день. Посещаемость сайта около 200. Как это можно объяснить? Может плагин не дает показывать сайдбар, а только контент?

    • Роман Ваховский говорит:

      Затрудняюсь ответить. При чем тут плагин? Реклама присутствует. Может изменились объявления, и по ним кликать не хотят?

  • idpo.distant@gmail.com говорит:

    По мне самая красивая мобильная тема получается через Jetpack, все-таки - просто сжимается версия обычного сайта, дизайн сохраняется.
    Плагины пробовала, нет от них удовлетворения.

  • Андрей говорит:

    Все бы хорошо но реклама не отображается,помогите, кто знает что делать?

    • Роман Ваховский говорит:

      Андрей, попробуйте использовать синхронный код эдсенса для рекламных объявлений, если у Вас сейчас асинхронный.

  • Евгений говорит:

    Установил ваш вариант. При нажатии ссылки на переход на полную версию сайта остается всё та же мобильная тема, только картинки увеличиваются и вылезают за пределы экрана.
    Жаль, что видео не масштабируется и тоже лезет за границы.
    Некоторые страницы почему-то стали отображаться в полной версии. В общем, каша получилась. И да, кэш обновлял - без результата.
    Хотя сначала всё было вроде нормально, только картинки съезжали вправо - видно, те, к которым было применено форматирование по центру.
    Уфф, что-то стрёмно, не понимаю 🙂 Да и вас не хотелось бы загружать. Но, может, есть пара слов по этому поводу?
    З.Ы. Да, и Яндекс.браузер на компьютере почему-то показывает мобильную версию )))

    • Роман Ваховский говорит:

      Затрудняюсь ответить (. Может конфликт с вашей темой. Поищите другой плагин, их сейчас много.

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу
Подписка тут
подписка

Все права защищены © 2011-2017. WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.