Здравствуйте уважаемые коллеги, гости 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 по ссылке ниже.

[Замок] замок [id=6575] не существует или замок по умолчанию был удален.

Теперь ваш 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-2016. WordPress-book.ru

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