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

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

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

Некоторые скажут, что якобы посещаемость с гаджетов незначительная, поэтому не стоит волноваться. Да, реально, я так и думал до поры до времени, но оказалось все иначе.

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

Для тех, кто Гугл Адсенс, Яндекс Директ, Банерах, установить мобильную версию на свой блог следует обязательно, так как со смартфона Galaxy S III или с планшета ASUS Google Nexus 7 кликать по рекламе с простой версии темы неудобно, проверял лично.

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

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

Плагин WPtouch. Для чего он нужен?

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

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

Как установить WPtouch?

Все также, как и с обычным плагином.

1. Производим скачивание на сайте плагинов вордпресс;

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

3. Соединяемся с FTP-сервером.

4. Переходим вот сюда: wp-content/plugins/;

5. Теперь переносим плагин в эту папку, посредством: курсор мыши наводим на плагин, кликаем и не отпуская переносим в список всех плагинов;

6. Сейчас плагин внутри вашего сайта, но он еще не работает, так как вам необходимо перейти в админку блога и Активировать WPtouch. Активацию можно сделать, зайдя в «ПЛАГИНЫ».

7. После проведенной активации переходим в настройки. Они находятся в разделе «ПАРАМЕТРЫ», на новой версии вордпресс образуется новая вкладка, в самом низу, то есть настройки плагина не в разделе параметры и туда далее, а прямо среди общих разделов.

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

Настройки WPtouch?

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

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

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

Что-то не устраивает? Тогда проведите настройки! Как туда попасть я уже сказал выше. Сейчас подробнее о них!

В разделе WPtouch есть несколько подразделов:

1. Что нового;
2. Основные параметры;
3. Темы и Расширения;
4. Настройки темы;
5. Меню;
6. Обновить до Pro;

Сейчас все по порядку. Просмотрим несколько разделов и подробно охарактеризуем их. Ну или хотя бы познакомимся.

Первым делом посетим основные параметры . Если все отображается на латинском, тогда выполняем перевод.

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

Вот, что мы здесь нашли:

  • Отображение названия блога;
  • Регионализация;
  • Режим отображения;

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

Темы и расширения. Это второй раздел плагина.

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

Настройки темы . Здесь думаю и остановимся ненадолго.

  • Общие;
  • Брендинг;
  • Иконки Закладок;
  • Веб-режим App;
  • Реклама;

Делайте все под себя и довольствуйтесь.

Последнее, что я хотел бы отметить из настроек - это Меню .

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

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

С уважением, Жук Юрий.

Всем привет!

До 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. В него мы и будет добавлять коды.

"post-thumbnail wp-post-image")); ?>

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

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

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

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

Сегодня объясню, для чего нужна на wordpress мобильная версия сайта . Порекомендую плагин wptouch и расскажу, как его правильно настроить, чтоб в мобильной версии выводилась нужная информация (конкретные страницы, рубрики, записи, разделы). К слову, не так давно сам на нескольких сайтах установил и настроил данное расширение. Функционирует дополнение - отлично, плюс ко всему Яндекс и Google теперь не пишут, что сайт не оптимизирован для мобильных устройств.

Зачем на wordpress сайте нужна мобильная версия?

Ответ прост и практически очевиден: мобильный трафик растет. Следовательно, основные поисковые системы требуют от владельцев сайтов соответствовать. Лучше сделать сайту мобильную версию, чтоб он не был понижен в поисковой выдаче или не получил других санкций.

Достоинства плагина wptouch

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

Плагин для мобильной версии сайта. Настройка

Сразу скажу, что настройка мобильной версии сайта wordpress с помощью дополнения, о котором писалось выше длиться буквально 5-10 минут. На заключительном этапе можно посмотреть, как будет выглядеть мобильная версия сайта. При желании убрать или отключить дополнение можно в консоли wordpress буквально за два клика.

Настройка wptouch плагин

1) Первым делом надо установить плагин wptouch.

2) После установки, в консоли WP появится надпись «Wptouch» с разделом «Настройки». Туда нам и надо будет зайти.

3) Выбираем раздел «Настройки меню», нажимаем «Перейти в настройки меню».

4) Первым делом надо прописать «Название меню» и «Сохранить меню».

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

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

7) И самый важный момент, который многие упускают: перед тем как сохранить меню, надо там, где «Показать местонахождение», выбрать: WPtouch: Header Menu. По крайней мере, в моей теме wordpress это оптимальное решение.

8) Переходим к визуальной настройке, нажимаем: «Переключиться на мобильную тему» и любуемся 🙂

ВНИМАНИЕ !!! Если проставить лишние галочки в этом блоке, то некоторые элементы (страницы, записи, рубрики, произвольные ссылки) мобильной версии начнут отображаться в обычной версии сайта. Не паникуйте! Попробуйте подстроить плагин под себя (сняв лишние галочки).

Привет, дорогие читатели!

За эту неделю на моем блоге произошло два замечательных события! Во-первых, наконец-то посещалка перевалила за 1000 (во вторник было 1040 уников). Во-вторых, я установила в сайдбар. Жду ваших комментариев о внешнем виде рекламного блока. И буду крайне благодарна за клики 🙂

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

Возник вопрос: нужна ли мобильная версия сайта? Судя по статистике за последний месяц у меня свыше 1500 посетителей, которые пользуются при просмотре мобильниками или планшетами. Это приблизительно 50 человек в день, что не так уж и мало. А если учесть, что с каждым годом мобильные технологии внедряются все больше в нашу с вами жизнь, нужно подумать о том, чтоб идти в ногу со временем. В этой статье мы разберем, как сделать мобильную версию для WordPress-блога.

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

Первое, что необходимо сделать, это проверить свои ресурсы на соответствие требованиям Гугл. Каждый может проанализировать удобство просмотра сайта на мобильных устройствах вот здесь — google.com/webmasters/tools/mobile-friendly .

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

Вот еще один полезный сервис от Гугл для проверки скорости загрузки разных версий сайта: developers.google.com/speed/pagespeed/insights . Здесь очень подробно объясняется, что именно на вашем сайте не так, даются конкретные примеры со скриншотами вашего блога. Поэтому обладая знаниями html + css и пользуясь этой инструкцией, можно отлично доработать свой ресурс.

При проверке мобильной версии сайта в Google, вы можете проследовать по ссылке с рекомендациями по адаптации сайта на Вордпресс под мобильные устройства (третья колонка справа – «Далее»). Там приведена еще одна подробная инструкция для WordPress с указанием плагинов, ссылками на адаптивные шаблоны и прочее. Советую также изучить этот документ.

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

Как говорит нам поддержка Гугла, в описаниях таких тем обычно встречаются слова responsive (адаптивная) или mobile (мобильная). Т.е. если вы выбрали для своего блога адаптивную тему, вам не нужно заморачиваться с тем, как сделать шаблон мобильной версии сайта. Ваш основной шаблон будет автоматически подстраиваться под размеры мобильного устройства. Ну а тем, кто создал свой блог давно, когда таких тем еще не было, и не хочет менять свой устоявшийся шаблон, мы продолжим данный обзор. И разберем, что нужно сделать, чтоб ваш сайт хорошо воспринимался на мобильниках и планшетах.

Мобильная версия для Вордпресс-блога: особенности

Нужно понимать, что все остальные варианты, кроме адаптивной темы, или непосредственной правки файлов, предполагают создание дополнительного WordPress-шаблона для мобильной версии сайта. Данный шаблон должен отличаться от основного, учитывая особенности мобильных устройств:

  • Небольшой размер экрана;
  • Более низкая скорость загрузки;
  • Отсутствие клавиатуры и мыши.

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

Для реализации данных функций есть несколько способов. Самый простой из них – воспользоваться плагинами (идеален для новичков).

Плагины для адаптации сайта

Самые распространенные плагины: WPTouch Mobile Plugin, WP Mobile Detector, MobilePress, WPSmart Mobile.

WpTouch и MobilePress – это базовые бесплатные версии плагинов, которые можно улучшить до более продвинутых версий с большим набором настроек и функций. По отзывам пользователей WpTouch Pro достаточно тяжелый и у него может возникать конфликт с плагинами кэширования (). Случается, что мобильному пользователю может выдаваться страница для ПК из кэша. Такое может случаться и с другими WordPress-плагинами для мобильных версий сайтов. Базовые версии как MobilePress, так и WPTouch вполне можно использовать для блогов с простой структурой и контентом.

Но мне больше понравился плагин WPSmart Mobile. В нем сразу установлены три мобильных шаблона для WordPress на выбор.

Правда, все его настройки на английском, но ничего сложного там нет.

Здесь можно установить лого, возможность комментирования, поиска по сайту и настроить отображение постов. Кроме того можно установить код или любой другой, и счетчики статистики. Также в разделе «Appearance» можно поменять шрифт и цвет записей, цвет фона и проч. Конечно, это будет уже не ваш сайт в его привычном виде, контент примет другой вид, но зато станет удобным для мобильных пользователей.

Вы можете посмотреть, как будет выглядеть сайт на мобильном устройстве, нажав «Preview»:

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

Просмотр мобильной версии сайта, или отображение его в любом браузере или устройстве можно осуществить с помощью специального расширения User-Agent Switcher. Вот так он выглядит в магазине Google Chrome:

Он позволяет переключать прямо в Хроме тип отображения страницы:

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

Другие варианты создания мобильной версии сайта на Вордпресс

Варианты без использования плагинов:

  • с помощью специальных сервисов.
  • создание мобильной версии на поддомене;
  • создание отдельного файла стилей CSS для мобильной версии;
  • прописать данные для всех вариантов отображения в одном CSS-файле;

Вот один из сервисов, который анализируя ваш сайт, генерирует его мобильную версию — dudamobile.com . После этого на блог нужно поставить код, который будет делать редирект на мобильную версию сайта. Данный инструмент имеет массу настроек, но его функционал урезан в бесплатном режиме.

По схожему принципу используются поддомены. Их имеет смысл создавать для тяжелых, многофункциональных сайтов. Можно увидеть, как это работает на примере youtube, где осуществляется перенаправление на мобильную версию сайта. Тут основной домен youtube.com, а для мобильных устройств — m.youtube.com. Так же работает Вконтакте.

Если вы решили создать дополнительный файл стилей, сделайте копию основного и назовите ее, к примеру, style-m.css. Теперь нужно внести изменения в файл header.php, в строки, где подключаются стили.

Например, так они могут выглядеть:

" /> /style-m.css" />

А далее, при наличии знаний в области CSS, можно вносить правки непосредственно в файл style-m.css. Например, поменять шрифты на более контрастные, сделать отображение одноколоночным и все, что рекомендует Гугл.

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

Удачи вам в освоении мобильной версии сайта на Вордпресс, делитесь своими результатами. До новых встреч!

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

Создание мобильной версии сайта на 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 года теперь тоже определяет мобильную версию в панели вебмастера, очевидно, что этот поисковик также будет отдавать приоритет в поиске для сайтов, имеющих мобильную версию.