Беспроводной интернет и соответствующие мобильные устройства, позволяющие выходить в сеть с любого места развиты достаточно хорошо и используются довольно обширно. Такое положение вещей все чаще приводит к тому, что владельцы сайтов дорабатывают свои детища до мобильных версий. Обращаясь к статистике мобильного интернета - 11% в России, 16% в США. Разумеется это общие числа, но так или иначе на ваш блог или сайт наверняка, заходят с мобильных устройств и терять таких пользователей не есть хорошо.

Для WordPress уже существуют плагины, которые показывают мобильную версию блога, если пользователь зашел с какого-нибудь iPhone.

Несколько плагинов, создающие мобильный шаблон блога

• - очень не плохой плагин. Простой, функциональный ничего лишнего, только то что нужно. Работает как под PDA (КПК), так и под Смартфоны, хорошо их определяет (Opera Mobile определил как мобильное устройство). Настроек минимум: можно изменить заголовки блога и указать отдельный шаблон для iPhone.
• - самосвал, к которому стоит присмотреться. Позволяет настроить внешний вид отображения блога. Изменить количество выводимых постов, цветовую схему, можно включить или отключить некоторые доступные виджеты. И еще ряд настроек. Есть статистика. Плохо, что нет локализации на русский. Хороший детектор мобильных устройств (увидел Opera Mobile). Особенность: Копирует темы под мобильные устройства в каталог тем WordPress - мне такое поведение показалось немного странным.
• - очень простой плагин и в то же время выполняющий свою функцию. Рассчитан под PDA (КПК) и Смартфоны (iPhone): отдельный шаблон для каждого типа устройства. Плагин довольно простой, без лишних наворотов. Из настроек , можно только расширить типы устройств (USER_AGENT), для которых будет показываться мобильный шаблон.
  Проверка мобильных устройств не полная: Opera Mobile не определил как мобильное устройство.
• - ничем не приглянулся. Opera Mobile определить как мобильное устройство не смог, но это настраивается в админке: можно добавить типы устройств, которые будут определяться как PDA (КПК) и отдельно как Смартфоны. По коду - плагин простенький, что вроде бы хорошо, но структура темы немного запутанная, что усложняет её редактирование в случае необходимости. Оставляет следы (записи в таблице опций) после удаления.
• - самосвал, рассчитаный на смартфоны с тачскрином (видимо от сюда и название): iPhone / iPod touch, Google Android, Blackberry Storm and Torch, Palm Pre. Использует ajax. Начальная версия урезанна, т.е. есть возможность купить более полную версию этого плагина. Нуждается в русской локализации. Всякие PDA не определяет как мобильные устройства, что не есть гуд.

У всех плагинов можно вручную изменить тему под свои нужды. Мобильные темы находятся в папках плагинов. Структура шаблона такая же как в обычной теме WordPress.

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

Определяем посетителя с мобильного устройства

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

Сейчас мы просто рассмотрим как выявить, что посетитель зашел с мобильного устройства. Для этого я нашел целый сайт, который занимается этой проблемой в серьез - (на англ).

Чтобы определить, что пользователь зашел с мобильного устройства нужно:
1. скачать этот архив ;
2. залить файл mobile_device_detect.php из архива на сервер в папку темы;
3. в functions.php использовать такую проверку:

Require_once("mobile_device_detect.php"); $mobile = mobile_device_detect(); if($mobile){ // здесь делаем что-нибудь для пользователей с мобильных устройств, // например отдаем им мобильную тему }

Дополнительная информация

Функция mobile_device_detect() может принимать ряд параметров:

Mobile_device_detect($iphone, $ipad, $android, $opera, $blackberry, $palm, $windows, $mobileredirect, $desktopredirect);

$iphone, $ipad, $android, $opera, $blackberry, $palm, $windows - все эти параметры указывают считать ли соответствующее устройство мобильным. По умолчанию: true. Можно указать УРЛ (с http://), тогда если зашли с соответствующего устройства, пользователя перекинет на указанный УРЛ.

$mobileredirect, $desktopredirect - в этих параметрах указываем УРЛ (с http://), на который перекинуть, если зашли с мобильного устройства типа отличного от вышеприведенных. По умолчанию false - просто вернет true (зашли с мобильного устройства), никуда не будет редиректить (перекидывать).

Функция всегда возвращает массив из 2-х элементов:

$mobile = mobile_device_detect();

$mobile = true или false (мобильное устройство или десктопное).
$mobile = Строка. Тип устройства, по которому можно определить Смартфон это, iPhone или КПК

$mobile может быть:
"Apple iPad"
"Apple"
"Android"
"Opera"
"Blackberry"
"Palm"
"Windows Smartphone"
"Mobile matched on piped preg_match"
"Mobile matched on content accept header"
"Mobile matched on profile headers being set"
"Mobile matched on in_array"
"Desktop / full capability browser" (не мобильное устройство)

---
Все знают про гоночный чемпионат Формула 1, а про Формулу 2 слышали? Такой тоже есть и уже существует третий год.

Всем привет!

До 21 апреля осталось чуть больше недели, чтобы оптимизировать свой сайт под мобильные устройства. За это время вряд ли получится у программиста заказать и получить готовую мобильную версию для сайта, да и не у всех могут быть деньги на это. В этой статье я расскажу, как сделать мобильную версию сайта с помощью плагина WPtouch Mobile Plugin.

Как сделать мобильную версию WordPress сайта

С помощью плагина WPtouch Mobile Plugin даже новичок сможет сделать мобильную версию для своего WordPress сайта, если установленный шаблон не адаптивный. Не смотря на то, что плагин имеет две версии бесплатную и платную, базовой версии вполне достаточно для среднего сайта. В том случае, когда у вас крутой сайт, который приносит нормальный доход, для него лучшим решением будет заказать программистам мобильную версию, а не покупать Про версию WPtouch за 59 долларов.

Установка плагина стандартная. В строку поиска вводим название WPtouch Mobile Plugin и устанавливаем его. На этом скрине смотрите пошаговые действия по установке:

Как только вы активировали плагин, у сайта появилась мобильная версия. Проверка удобства просмотра на мобильных устройствах от Гугла показывает «Отлично! Страница оптимизирована для мобильных устройств». Больше можно ничего не делать. Все работает. Зайдите на свой сайт со своего телефона и посмотрите.

Для тех, кто желает покопаться в настройках, а также добавить рекламу в плагин WPtouch, рассмотрим его функционал более подробно.

Как настроить плагин WPtouch

В админке в левой колонке появился пункт WPtouch.

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

Второй подпункт «Базовые настройки». Он имеет две вкладки: «общие» и «совместимость». На вкладке «общие» можно изменить название сайта, выбрать начальную страницу, отключить ссылку переключения к полной версии. Настройки на вкладке «совместимость» нам не интересны, только пользователи Про версии могут выбрать, какие плагины будут загружаться с мобильной версией, а также добавить шорткоды.

Третий пункт – «Темы и расширения». Здесь нам делать нечего. В бесплатной версии есть только одна тема – Bauhaus, а из расширений вообще ничего не доступно.

На первой вкладке «Общие» обратите внимание на следующие настройки: вывод количества записей, поэкспериментируйте с эскизами, выберите какие элементы показывать (комментарии, слайдер). К сожалению, для бесплатной версии не доступен вывод блока похожих записей. На вкладках «Фирменная символика» и «Закладка пиктограмм» можно изменить цвета и эмблемы темы.

В четвертом пункте «Меню» выберите, какие страницы меню показывать, а какие нет. К каждой странице можно добавить значки:

Хочу обратить ваше внимание на то, что для телефона нужно создавать рекламные блоки своего формата. В Адсенс есть стандартный блок 320*100. Можно создать свой с шириной 320, а высотой 300. Поэкспериментируйте и посмотрите результат.

Как вывести рекламу на мобильном в начале и конце статьи

Теперь объясню куда же добавлять коды. В бесплатной версии плагина WPtouch есть всего одна тема Bauhaus. Зайдем в папку с ней по следующему пути сайт.ru/public_html/wp-content/plugins/wptouch/themes/Bauhaus/default

И вы увидите список файлов, которые отвечают за отображение сайта на мобильных устройствах:

Нас интересует файл single.php. В него мы и будет добавлять коды.

Второй блок Адсенс 320*300 в конец поста, перед кодом:

А код тизерки перед выводом комментариев:

Чтобы посетители из мобильных устройств засчитывались в статистике, добавьте коды счетчиков в этот файл. Я не нашла лучшего места и добавила код перед строкой:

Жду ваших комментариев.

>Какого раздела?
Раздела с новостями

>Причем плагин к «мобильной версии»? У Вас и так тема адаптивная (Правда, древнючая, взятая на помойке, с шелами и пр.)
Извиняюсь, я слабо разбираюсь в вордпрессе в принципе, мне сайт делал один фрилансер. Если плагины тут не помогут, то как мне можно мобильную версию настроить? Обновить тему или другую поставить? Нужно, чтобы этот раздел с новостями (окошко справа) было видно с телефона.

Раздела с новостями

Стало ещё менее понятно. Весть сайт состоит из «разделов с новостями». В ВП это называется «рубрики с записями». Или же Вы имеет ввиду что-то другое.

Извиняюсь, я слабо разбираюсь в вордпрессе в принципе, мне сайт делал один фрилансер.

Как моно скорее выкинуть эту помоечную тему если не хотите иметь проблем. Брать темы нужно только из оф каталога . Как и плагины.

Если плагины тут не помогут, то как мне можно мобильную версию настроить?

Что Вы имеете ввиду под » мобильную версию настроить»? Адаптивная тема — это есть «для мобильных».

Нужно, чтобы этот раздел с новостями (окошко справа) было видно с телефона.

Какое «окошко справа»? Я ничего такого не вижу.

>Стало ещё менее понятно.
Сделал скриншот, чтобы было понятнее:
https://ibb.co/cwnSnH

>Что Вы имеете ввиду под » мобильную версию настроить»?
Я имею в виду настроить то, что в мобильной версии отображается. Потому что сейчас в ней не видно этого окна (на скриншоте)

>Как моно скорее выкинуть эту помоечную тему если не хотите иметь проблем. Брать темы нужно только из оф каталога. Как и плагины.
А какие проблемы могут быть? Я, конечно, подумаю об этом, но в ближайшее время нет ресурсов, чтобы сайт полностью переделывать. Плагины я только официальные ставлю.

Я имею в виду настроить то, что в мобильной версии отображается. Потому что сейчас в ней не видно этого окна (на скриншоте)

У Вас скрываются сайдбар/виджеты. Это в принципе нормально. Если хотите чтобы показывалось — нужно переделывать или менять тему.

А какие проблемы могут быть?

От невозможности получить помощь до левых ссылок и взлома сайта с очень плохими последствиями .

Контент сохранится полностью. Об этом можно даже не беспокоиться. Но в любом случае придется повозиться с настройками темы и может перенастройкой некоторых плагинов, отвечающих за внешний вид — например вывод галерей. Но это чисто технические вопросы, они 100% решаемы. А скорость решения проблемы зависит от вашего опыта, умноженного на сложность поставленной задачи.

Как переделать тему, чтобы сайдбары и виджеты отображались?

Была бы тема из оф каталога — можно было бы сказать что-то определённое, а как что сделано в этой теме…

Насколько сложно поменять тему (на надежную и официальную) с сохранением всего загруженного контента?

>Была бы тема из оф каталога - можно было бы сказать что-то определённое, а как что сделано в этой теме…
Вообще я смотрел некоторые скриншоты из руководств и у меня консоль выглядит примерно так же, как и у всех.

>Контент в целом не зависит от темы. Но если в теме использовалось что-то не стандартное, то работы уже побольше.
Понятно. В общем, буду копить денег и искать более толкового программиста. Сам я, конечно, не смогу все это сделать.

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

Консоль не причем. Проблема в доступности кода темы (и не предлагайте скачать этот хлам.)

В общем, буду копить денег и искать более толкового программиста. Сам я, конечно, не смогу все это сделать.

В принципе, просто поменять тему не сложно. Но вот довести до ума и реализовать все хотелки — тут уже могут быть сложности.

Просмотр 10 ответов - с 1 по 10 (всего 10)

• Тема «Посоветуйте плагин для настройки мобильной версии» закрыта для новых ответов.

C 21 апреля Гугл начал понижать в мобильной выдаче сайты, не оптимизированные под портативные устройства. Это заставило многих начать действовать и приводить свои сайты в соответствие с понятием mobile-friendly. И это неудивительно:

• 23% продаж в Интернете сегодня совершается именно через телефоны.
• Всемирной паутиной всё больше пользуются обладатели смартфонов и мобильных ПК.
• 52% обладателей планшетов совершают покупки именно со своих портативных гаджетов.

Поскольку число мобильных пользователей растёт семимильными шагами, и Интернет-пользователи перебираются из десктопных ПК в телефоны и планшеты, стоит подумать о перспективности своего Интернет-проекта и о том, сможет ли он существовать в будущем в постоянно усиливающейся конкурентной борьбе. Именно по этой причине об адаптивном дизайне важно позаботиться уже сегодня.

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

Как сделать дизайн сайта адаптивные

1. Конечно, если вы специалист в веб-программировании, вы можете написать код на HTML 5 с использованием особого дизайна и адаптивных конструкций. Если нет, для этой цели можно нанять профессионала. Однако есть способы проще.
2. Так, если ваш сайт построен на базе CMS (к примеру, Джумла или Вордпресс), вы можете изначально приобрести или скачать адаптированный под разные устройства шаблон, и затем уникализировать его самостоятельно.
3. Есть ещё такой способ, как создание медиазапросов в CSS3. Они представляют собой условия, которые вы можете прописать, для того чтобы страницы отображались тем или иным образом в зависимости от размеров окна браузера и используемого устройства. Например, можно задать условие (правило @media) выводить конкретные стили, если ширина экрана менее 600 пикселей. Впрочем, это только один пример. Условий гораздо больше. Если вы что-либо понимаете в CSS верстке, разобраться с медиазапросами не очень сложно.
4. Применение фреймворков – ещё один способ, который любят применять дизайнеры за простоту их реализации. При умении работы с адаптивными фреймворками можно сэкономить массу времени. Их список можно отыскать на сайте Beloweb.ru.

Сервисы для мобильной версии сайта

Что же, если вам сложно разбираться с вёрсткой, и вы далеки от работы с кодом, воспользуйтесь сервисами для конструирования мобильного сайта.

C помощью сервиса можно довольно быстро создать достойный вариант ресурса для портативных ПК и телефонов. Здесь масса гибких настроек. Единственный минус – это платная услуга, стоит 9$ в месяц, но можно выбрать и бесплатное пользование с размещением мобильной версии на поддомене dudamobile и рекламы сервиса.

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

. Конструктор для адаптации ресурсов под iPad и смартфоны. Его удобно использовать для коммерческих целей. Можно применять бесплатно, но есть и расширенные платные возможности. Есть поддержка Javascript и HTML5. Чтобы начать создание портативной версии веб-сайта, нужно зарегистрироваться там. Регистрация очень лёгкая, подтверждение по e-mail не требуется. Если у вас блог на Вордпресс, нужно будет поставить плагин WordPress Mobile by Mobify для перенаправления с основной десктопной версии на мобильную.

WordPress плагины для адаптации под мобильный трафик

WPtouch. Плагин поддерживает множество портативных устройств, подгружает посты на ajax. С помощью админ-панели можно задать гибкие настройки элементов дизайна в визуальном режиме. Миллионы скачиваний говорят о том, что плагин действительно полезен и удобен в использовании.

WP Mobile Detector. Содержит расширенную мобильную статистику, умеет уменьшать картинки, форматировать контент и определять большое количество устройств (около 5000 телефонов). Mobile Detector – один из первых плагинов, которые «научились» различать смартфоны и обычные телефоны.

MobilePress. Это лёгкий плагин, который по минимуму нагружает сайт. В мобильной версии исключаются все «тяжёлые» элементы, такие как реклама, виджеты и пр. Здесь небогатый выбор настроек дизайна, поскольку изначальной целью MobilePress была быстрая подгрузка сайта на портативных устройствах.

WordPress Mobile Pack . Структурные элементы в мобильной версии сохраняются, однако всегда можно отключить виджеты, сайдбары и пр. Плагин автоматически определяет устройство и подключает тему в зависимости от его типа. В Mobile Pack предусмотрено ведение статистики, имеется большое количество настроек. Так, вы можете изменять шрифты, их размер и цвет, добавлять собственное лого и графические элементы. Плагин легко адаптирует сайт под различные размеры, ориентацию экранов, браузеры.

Таким образом, даже не имея представления о вёрстке, сегодня можно поставить адаптивный шаблон для сайта/блога или сконструировать что-то с помощью онлайн сервисов. Уделите ему немного времени – и ваши посетители отблагодарят вас повышением конверсии и улучшением поведенческих факторов.

Сергей Арсентьев

Создание мобильной версии сайта на WordPress за 10 минут

Google на днях объявил о приоритете в ранжировании сайтов, которые имеют мобильную версию. Это может значить лишь одно: наступление эпохи мобильных устройств состоялось. И поэтому каждый уважающий себя сайт или блог на WordPress теперь просто обязан иметь мобильную версию.

Мобильную версию сайта многие владельцы сайтов (да и я сам, чего уж греха таить) просто не находили времени и особых причин делать.

Однако все изменилось с тех пор, как Google всерьез взялся на поддержку мобильных устройств. Долгое время Google "пугал" своих вебмастеров примерно следующими сообщениями:

Мы проверили 27 стр. Вашего сайта и обнаружили, что 100% из них неудобно просматривать на мобильных устройствах. Из-за ошибок на этих 27 стр. у пользователей складывается плохое впечатление о ресурсе. Эти страницы не считаются оптимизированными для мобильных устройств с точки зрения Поиска Google, и они будут отображаться и ранжироваться в результатах поиска на смартфонах соответствующим образом.

Количество проверенных страниц и процент несоответствий мог отличаться, но суть была такой: Google предупреждал, что с сайтом по его мнению что-то не так.

И вот сейчас представители корпорации официально объявили о приоритетной поддержке с 21 апреля 2015 года тех проектов, которые будут иметь мобильную версию сайта. Что это значит? Да то, что сайт без мобильной версии будет ранжироваться хуже, чем сайт, позаботившийся о пользователях телефонов и планшетов.

Результат проверки должен быть вот таким:

По аналогии проверяйте мобильную версию сайта в панели вебмастера Яндекс: https://webmaster.yandex.ru/site/

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

У меня кстати один сайт клиента по SEO в инструменте Google проверку проходил, а в Яндексе - нет! Так что обязательно проверяйте и там, и там.

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

Важно! У вас может быть уже создана мобильная версия, да только Google и Яндекс может это не понять, так как вы ему запретили индексацию служебных папок в файле Robots.txt.

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

Так, по крайней мере считает Google и Яндекс, а это значит, что мобильная версия становится стандартом. Но это еще далеко не все плюшки, которые вы получите от использования "маленькой" версии сайта или блога.

Вот примерный список преимуществ, которые получает сайт с мобильной версией:

• приоритет в Google и Яндексе (да, да, Яндекс теперь тоже анализируется мобильную версию в новом интерфейсе панели Вебмастера, апдейт от Яндекса, скорее всего, не за горами)
• улучшение поведенческих факторов: ведь посетителям комфортнее работать с мобильного устройства на сайте, который имеет мобильную версию, поэтому они на таких сайтах проводят больше времени, открывают больше страниц и легче получают информацию, уменьшая показатели отказов и улучшая поведенческие факторы, которые дополнительно влияют на положение в поиске.
• скорость загрузки: в мобильной версии, как правило, отброшены лишние второстепенные детали, чтобы сайт грузился максимально быстро - это также улучшает поведенческие факторы и статистику сайта.
• повышение конверсий: на удобном сайте люди быстрее и стабильнее добираются до нужных целей (положить товар в корзину, оформить подписку, стать зарегистрированным участником, прочитать запись в блоге, кликнуть на рекламу и так далее).
• солидность: корпоративные сайты, имеющие мобильную версию придают их компаниям небольшой дополнительный положительный имидж.
• отношение пользователей: пользователи быстрее привыкают к хорошему, поэтому блоги и сайты, имеющие мобильную версию, имеют больше шансов получить постоянную лояльную аудиторию, чем их менее развитые конкуренты.

Таким образом, список преимуществ достаточно большой, чтобы не откладывая ни минуты установить мобильную версию сайта.

Но как это сделать?
Неужели придется верстать все заново и платить за это тысячи рублей? Если ваш сайт сделан на WordPress CMS, то все можно сделать быстро и бесплатно.

WordPress: мобильная версия сайта за 5-10 минут!

Помните я как-то писал, какую ? Если вы следовали этой рекомендации или же сами сделали правильный выбор и остановились на WordPress, то благодаря развитому сообществу можно воспользоваться бесплатной версией отличного плагина, который мгновенно и автоматически создаст мобильную версию для вашего сайта.

Что вам нужно теперь сделать:

После установки вам станет доступны настройки плагина в левом меню. Там есть такие пункты: базовые настройки, темы и расширения, параметры темы и меню. Рассмотрим все подробнее.

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

Название и автор сайта
Что будет написано вверху вашего сайта в мобильной версии. Рекомендую использовать что-то короткое, буквально на 20 знаков, так как примерно это количество умещается целиком. Галочку " " можно снять.

Определение региона.
Русский в большинстве случаев подойдет.

Начальная страница.
Можете вручную задать отдельную главную страницу для мобильных устройств (например, меньшую по объему или с другим текстом). Очень удобно, но я оставил все по умолчанию.

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

Параметры темы: "Общие"

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

Вкладка "Общие" позволяет задавать такие параметры как:

Блог.
Количество записей в списке блога. Тут же можно исключать рубрики и теги (то есть выводить не все записи в мобильной версии). Я вывожу всё, это по-моему логично.

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

Вот смотрите, в первом случае - с эскизами, во втором - без.

Мне больше понравилось с эскизами, тем более, что места они занимают немного.

Показать категории записей и теги - Да.
Показать дату публикации - Да.
Показать автора записи - Нет (мне кажется излишним)
Показывать кружочки с комментариями на публикациях - Да
Показывать поиск в колонтитуле - Да .

Страницы
У меня комментарии на страницах не выводятся, поэтому выводить не

Поддержка пользовательских записей
Я включил поддержку всех типов, какие только у меня были:

Включить wpcf7_contact_form (плагин формы обратной связи)
Включить dilemma (голосование да/нет)
Включить social-locker ()
Включить wysijap (плагин для электронной подписки)

Форма регистрации
Так как на моем блоге нет возможности регистрации, то не включал.

Готовый слайдер
В своей теме не нашел, где они могут показываться эти слайдеры. Но на всякий случай включил, пусть будет.

Параметры темы: "Фирменная символика"

Вот где нужно тщательно покопаться. Здесь оформляется внешний вид мобильной версии сайта.

Цвета сайта
Именно здесь настраиваются цвета мобильной версии сайта, поэтому рекомендую

Эмблема сайта
Это логотип. Если установить логотип сайта, то он будет показываться вместо названия. Так как это название, я уже писал выше, короткое, то мне больше понравилось использовать лого.

Примечание темы.
Просто произвольный код, который будет отображаться под кнопками переключения с мобильной версии на обычную. Зависит от вашей фантазии. Я пока не задействовал это поле.

Оформление
Выберите шрифты, которые вам больше нравятся. Я поставил "Шрифты браузера". По идее должно быстрее грузиться.

Общий доступ.
Установите галочки "Показать ссылки для обмена" и "Показывать совместные ссылки на страницах", это позволит показывать в мобильной версии внутри поста ссылки на соцсети Facebook, Twitter, Google+ и отправить ссылку на пост по емейл. Это удобно и красиво.

Социальные ссылки примечания
Введите ссылки на ваши социальные контакты, группы и RSS. Тогда внизу всех мобильных страниц появятся симпотичные круглые значки, по которым можно будет активировать те или иные соцсервисы.

Параметры темы: "Закладка пиктограмм".

Это кнопка для iPhone или Android, которая будет использоваться, если пользователи сохранят ссылку на ваш сайт себе на мобильное устройство.

Я взял за основу PSD-макет иконки iPhone и быстро создал себе нужную кнопку в Photoshop.

Если вы пока не дружите с этим редактором, то можете бесплатно создать иконку для Apple вот в этом сервисе .

Меню

Этот важнейший пункт позволяет настроить вывод меню, которое осуществляется при помощи правой пиктограмки.

Тут все просто: вы можете выбрать или уже предустановленные иконки (проще всего) или загрузить свои иконки на прозрачном фоне и добавить уже их.

Важно! В момент добавления никакого уведомления об успешной загрузке не происходит, поэтому просто грузите сколько нужно, а потом переходите в Menu Icons и выбирайте набор значков "Пользовательские значки" - там будут загруженные ранее иконки.

Вот посмотрите, как у меня получилось настроить:

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

А знаете ли вы, что можете проверить получившуюся версию сайта для мобильных устройств на iPhone5 без самого телефона? Для этого можно просто воспользоваться сервисом "Эмулятором iPhone", например iphone5simulator.com

Выводы и итоги

Таким образом, можно буквально за несколько минут и главное, бесплатно создать на сайте или блоге под WordPress мобильную версию сайта.

Это огромное конкурентное преимущество перед многими прочими CMS, которые еще не имеют таких простых и удобных плагинов и в которых для создания версии под мобильные устройства нужно привлекать верстальщика, а такое удовольствие редко стоит дешевле 100$.

Судя по заявлениям представителей Google, с 21 апреля 2015 применение мобильной версии станет фактически стандартом для успешного продвижения проекта в сети. Поэтому рекомендую не откладывая сделать себе мобильную версию, тем более, что это занимает всего несколько минут (я дольше писал это пост, чем настраивал плагин).

Яндекс с августа 2016 года теперь тоже определяет мобильную версию в панели вебмастера, очевидно, что этот поисковик также будет отдавать приоритет в поиске для сайтов, имеющих мобильную версию.