Как сделать мобильную версию сайта на WordPress: Bootstrap, плагин WPtouch, прочие решения. Плагин мобильной версии сайта для вордпресс


плагин для wordpress или как сделать мобильную версию блога за считанные минуты!

mobilnaya-versiya-bloga

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

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

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

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

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

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

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

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

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

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

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

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

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

skachat

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

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

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

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

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

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

nastraivaem

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

Настройки WPtouch?

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

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

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

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

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

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

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

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

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

osnovnie

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

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

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

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

themes

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

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

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

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

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

menu

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

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

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

 

isif-life.ru

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

≡  31 Январь 2011   ·  Рубрика: Сайтостроение   

А А А

Здравствуйте, Дорогие друзья!

Знаете ли вы, что мобильным интернетом в России пользуются более 3 миллионов человек (данные на 2010 год)?

Более 4 миллионов россиян пользуются мобильными телефонами для доступа в интернет.

Доля поисковых запросов с мобильных телефонов составляет около 9%!

К чему я все это? – спросите вы.

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

1. WordPress Mobile Pack. Скачиваем плагин, заливаем через FTP-соединение в папку wp-content/plugins (находится в корневой директории вашего блога). Переходим в админку WordPress – меню «плагины». Активируем WordPress Mobile Pack.

Далее переходим в настройки плагина, где видим вкладки Mobile Theme, Mobile Widgets, Mobile Switcher. Эти вкладки позволяют настраивать вид мобильной версии блога на свое усмотрение. Вы можете настроить число выводимых постов, их размер и даже выбрать тему оформления мобильной версии блога. Всего вам доступно 4 цветовых оформления – красное, черное, зеленое и синее.

На вкладке Mobile Switcher вы можете указать, как определять устройство, с которого читают ваш блог. Советуют ставить «автоопределение». Есть возможность установить мобильный переключатель режимов, которым пользователи смогут пользоваться при желании (ведь не всегда удобна мобильная версия даже на телефоне!).

На вкладке Mobile Widgets вы указываете, какие элементы вашего блога показывать «мобильным» посетителям, а какие скрыть.

На вкладке Mobile Theme вы имеете возможность просмотреть, как выглядит ваш блог на экранах мобильных телефонов. Кроме того, вы можете настроить некоторые параметры, такие как: количество постов на главной странице, ограничение числа слов в анонсах постов, количество пунктов в виджетах, показ медиафайлов и т.п.

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

2. WPtouch iPhone Theme. Скачиваем плагин, заливаем через FTP-соединение в папку wp-content/plugins. Переходим в админку WordPress – меню «плагины». Активируем WPtouch iPhone Theme.

Плагин работает со следующими мобильными устройствами и браузерами: iPhone, iPod touch, Android, Opera Mini mobile, Palm Pre и BlackBerry. Вся прелесть данного плагина заключается в том, что он не нуждается в каких-либо настройках, и готов к работе сразу же после активации. Для любителей же настраивать все под собственные нужды плагин располагает целой кучей всевозможных настроек (Внимание – английский язык!).

Используя данный плагин, вы добьетесь следующего вида вашего блога на экране мобильного телефона:

Для своего блога я выбрал именно плагин WPtouch iPhone Theme. Возможно, он не самый лучший, но мне он нравится больше всего.

3. WordPress PDA & iPhone. Все проделываем точно так же, как и в двух предыдущих случаях. Скачиваем, заливаем, активируем.

Несомненное преимущество данного плагина состоит в том, что он прекрасно работает не только с Iphone, но и с КПК, смартфонами и другими телефонами.

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

Вот так выглядит мобильная версия блогапри использовании плагина WordPress PDA & iPhone:

4. WPmob Lite. Установка не отличается от предыдущих плагинов. Все по тому же принципу – качаете, заливаете, активируете.

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

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

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

Выглядит плагин в действии примерно так:

Не обошлось и без недостатков. Данный плагин не умеет работать с Windows Mobile. Так что имейте это в виду.

5. MobilePress. Процедура установки плагина идентична предыдущим.

Есть возможность настройки оформления под каждое отдельное устройство и под каждый отдельный браузер. Кроме того ,присутствуют настройки «Title» и «Description», что позволяет оптимизировать мобильную версию блога под поисковые системы.

Плагин работает с iPhone, Opera Mini, Windows CE Mobileидругими устройствами и браузерами.

Итоговый вариант использования плагина выглядит так:

6. WPtap-Themes/Plugin. Установка повторяет все те же шаги, которые мы проделывали ранее с другими плагинами.

Данный плагин имеет одно большое преимущество – он с легкостью «уживается» с другими дополнениями, установленными на ваш блог. Кроме того, он позволяет создать favicon (иконку блога, которая отображается рядом с URL) для мобильной версии вашего онлайн-дневника. Имеется переключатель на обычный «немобильный» режим и обратно.

В мобильной версии блог выглядит очень привлекательно. Убедитесь сами:

Мне очень нравится. А вам?

7. WordPress Mobile Edition. Установка также проста – скачали, залили, активировали.

Плагин не отличается чем-то сверхъестественным от своих вышеупомянутых «собратьев». Все так же он определяет владельцев мобильных телефонов, коммуникаторов и КПК, и все так же предлагает им мобильную версию блога.

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

Есть возможность менять и настраивать темы оформления, что также многим придется по душе.

Выглядит мобильная версия вот так:

8. Wapple Architect Mobile Plugin. Последний в нашей сегодняшней выборке плагин для создания мобильной версии блога. Устанавливается все также – скачали, залили, активировали, но есть одно отличие. Вернее – дополнительное действие.

После установки идем по адресу http://wapple.net/register/plugins-signup.htm и регистрируемся. Указываем email, на который нам придет специальный ключ (Dev Key). Его необходимо ввести в настройках плагина.

И еще один важный момент. При регистрации вас попросят ввести адрес сайта, для которого вы генерируете ключ. Указывайте URL с «http://» и без «/» на конце.

Все, готово, мобильная версия блога создана! Смотрим:

Теперь вы знаете о восьми плагинах, при помощи которых, вы легко создадите мобильную версию своего блога. Желаю удачи и до следующего поста!

blogonika.ru

Плагины для создания мобильной версии WordPress сайта

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

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

WP Touch Mobile Plugin

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

WP Touch Mobile Plugin позволяет создавать полноценные темы практически любой сложности. Через интерфейс панели управления плагина возможно настроить и создать:

— основное и дополнительные меню ресурса;

— указать Homepage;

— разрешить или запретить масштабирование;

— настроить расположение блоков и т.д.

У этого плагина очень много положительных отзывов. Ссылка на скачивание WPTouch Mobile Plugin.

WP Mobile Plugin

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

Плагин поддерживает большое количество настроек. Через его панель настроек возможно гибко сконфигурировать интерфейс буквально за 10-15 минут. А те, кто знают CSS и HTML, при помощи данного расширения сумеют сделать дизайн любой сложности.

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

Загрузить плагин WP Mobile Plugin можно по ссылке.

Jetpack

Jetpack – это одно из самых популярных расширений для WordPress. Уже на протяжении нескольких лет оно занимает лидирующие позиции в категории «Топ» репозитория WP.

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

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

— шрифты;

— цвета;

— анимации;

— расположение блоков и полей и т.д.

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

Ссылка на плагин в репозитории WP.

Существуют и другие расширения, однако именно перечисленные являются наиболее функциональными, удобными, а поэтому – популярными.

Вам понравилось? >>> Почему надо подписаться на обновления?

Буду благодарен за ретвит и клацанье по кнопочкам. Спасибо :)

Tweet

Есть вопросы? Напишите в комментариях, всем отвечу :)

www.kolobochek.ru

Отключаем плагин wordpress для мобильной версии

Возможно ли отключить отдельные плагины для мобильной версии сайта?Да. Можно с помощью одного полезного бесплатного wordpress плагина.Скачать исходники для статьи можно ниже

1. Устанавливаем плагин Plugin Organizer, сведения о нем на момент написания статьи:Количество активных загрузок: 10,000+Последнее обновление плагина: 2 недели назад.Автор плагина: Jeff SterupСайт плагина: “wordpress.org/plugins/plugin-organizer/”

Plugin Organizer – этот плагин, позовляет сортировать порядок загрузки плагинов, отключать плагины для конкретных страниц/постов, ролей пользователей и др.

Перед тем как настраивать сайт с помощью данного плагина – сделайте резервную копию сайта.

Активируем плагин Plugin Organizer.

2. Заходим в настройки плагина Plugin Organizer.

После активации плагина Plugin Organizer в админке появится новый пункт “Plugin Organizer”, заходим в него, и переходим в подпункт “Settings”:

Здесь ищем параметры:– Selective plugin loading– Selective mobile plugin loading

И включаем их (по умолчанию они выключены):

Не забываем нажать на кнопку “Save” для сохранения изменений:

3. Переходим в пункт “Плагины”.

Если в пункте “Плагины” у вас появился пункт “Необходимые” (“Must-Use”) – значит плагин работает нормально:

Если вы не видите пункт “Необходимые” или в данном пункте нет плагина “Plugin Organizer”, то вам нужно подключится к сайту через FTP или через Менеджер файлов на хостинге. Далее перейти в папку /wp-content/mu-plugins/, если её нету – то создать её.После вам нужно перейти в папку /wp-content/plugins/plugin-organizer/lib/ и скачать из неё файл PluginOrganizerMU.class.php на свой компьютер:

Затем вам нужно зайти в папку /wp-content/mu-plugins/ и загрузить в неё файл PluginOrganizerMU.class.php со своего компьютера:

Всё теперь плагин заработает.

4. Отключаем плагины для мобильной версии сайта:

Заходим в пункт “Plugin Organizer”, подпункт “Global Plugins”:

Здесь вы увидите 2-е колонки. В первой представлены все имеющиеся плагин, а во второй есть пункт “Disabled Mobile – All Users” – разворачиваем его (нажав на “+”) и перетаскиваем из 1-ой колонки нужный плагин в данный пункт, например, в данном примере это будет плагин “Rocket Fireworks”:

Не забываем нажать на кнопку “Save”, чтобы сохранить изменения:

Вот и все! Теперь плагин “Plugin Organizer” будет отключать плагин “Rocket Fireworks” при просмотре мобильной версии сайта.

На этом всё! Красивых вам сайтов!

mnogoblog.ru

Как в WordPress отключить плагин для мобильной версии сайта?

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

Как в WordPress отключить плагин для мобильной версии сайта?

Сразу стоит отметить, что в арсенале “движка” нет подобных инструментов для решения этой задачи. Поэтому воспользуемся сторонней разработкой — плагином Plugin Organizer.

Плагин Plugin Organizer

Мощный бесплатный плагин Plugin Organizer, помимо других своих возможностей, имеет функцию отключения того или иного плагина при просмотре сайта на смартфоне или планшете. Итак, первым делом его необходимо установить и активировать, после чего в админ-панели перейти в раздел Plugin Organizer -> Settings.

Страница основных настроек плагина Plugin Organizer

На основной странице настроек плагина следует отметить опции Selective Plugin Loading и Selective Mobile Plugin Loading, затем нажать кнопку Save Settings.

Страница основных настроек плагина Plugin Organizer

Дальше необходимо перейти в админ-раздел Plugin Organizer -> Plugins.

Страница выбора плагинов в плагине Plugin Organizer

На странице следует обратить внимание на блок Disabled Mobile — All Users. Он отвечает за отключение плагинов в мобильной версии сайта. Для добавления плагинов его нужно раскрыть, нажав на символе “+” возле заголовка.

Блок Disabled Mobile - All Users в настройках плагина Plugin Organizer

Чтобы добавить один или несколько плагинов, следует из соседнего блока Available Items просто перетащить необходимые плагины в Disabled Mobile — All Users.

Страница выбора плагинов в плагине Plugin Organizer

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

Если Вам понравилась статья — поделитесь с друзьями

wpschool.ru

Плагины для создания мобильной версии сайта на WordPress

С каждым днем ​​все больше людей пользуется мобильным интернетом. Доля поисковых запросов с мобильных браузеров - растёт. 

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

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

Плагины для создания мобильной версии сайта на WordPress

 WordPress Mobile Pack

В данном плагине предусмотрена возможность изменения оформления (внешнего) вида мобильной версии блога. Также есть возможность переключаться с мобильной версии на полную, ведь иногда есть необходимость пересмотреть полную версию. Можно настроить, какие части блога показывать «мобильным» пользователям, а какие скрыть, ограничить количество слов в анонсах, отображение мультимедийных файлов и еще кое-что.

Плагин WPtouch

Плагин предназначен для следующих мобильных устройств и браузеров iPhone, iPod touch, Opera Mini, Opera Mobile, Android, Palm Pre и BlackBerry. Преимущество данного плагина в том, что он не требует никаких предварительных настроек и может работать сразу же после активации. Если же нужно что-то настроить - это можно сделать, разве что все опции на английском языке.

MobilePress

Плагин позволяет сделать отдельные настройки под различные мобильные устройства и браузеры. Можно также отдельно прописывать теги «Title» и «Description» для лучшей поисковой оптимизации мобильной версии блога. Плагин хорошо работает с iPhone, Opera Mini, Windows Mobile, возможно и с другими устройствами и браузерами.

Я его использую на этом и других блогах. Главная страница данного блога в Opera Mini выглядит следующим образом:

 WordPress Mobile Edition

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

WordPress PDA & iPhone

Плагин хорошо работает как с Iphone, так и другими смартфонами, ПК, планшетами. Особых настроек не требует. 

***

Установка плагина WordPress на сайт

Работа с плагином Allvideos

Как определить закрыта или нет ссылка тегами «nofollow»и «noindex»

Как установить модуль, плагин, компонент Joomla

  • < Назад
  • Вперёд >

povadno.ru

Bootstrap, плагин WPtouch, прочие решения

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

Как и многие, я получил письмо такого содержания:

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

Проблема есть, вот характерный пример:Теряем многих посетителей, теряем доход. Ранее я уже добавил мобильные версии к ряду сайтов, теперь пришла пора решить вопрос с теми, что на WP. Итак, что предлагает Гугл.

WPtouch

Проверить, как видит гугл ваш сайт с точки зрения адаптации к мобильным устройствам : https://developers.google.com

Google предложил замечательный плагин WPtouch — прекрасное решение, прекрасное своими возможностями, настройками, наличием просто шикарной про-версии (100 баксов за установку на 5 сайтов), где ещё больше настроек и интеграции с iOS и Android.Окрылённые, начинаем тестировать, ставим на один из хостингов, где живут скромные 3 сайта с общей посещаемостью что-то около 20k в сутки (вначале нужно протестировать, прежде чем ставить на жизненно важные ресурсы). Несколько настроек и мобильная версия в деле.

Минус — пришлось отключить кэширование для мобильных пользователей, поскольку иначе им подсовывалась обычная версия из кэша. Результатом стал рост нагрузки на сервер (график с бегета):Попробовали разные варианты настроек. Результата нет. Надо организовывать кэширование другими средствами, Hyper Cache работает с мобильными шаблонами (можно поставить, чтоб для соответствующих юзеров был отдельный кэш, но Wptouch не создаёт отдельных шаблонов, которые можно предложить Hyper Cache).

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

Прочие плагины

Суть работы: проверяем не с мобильного ли зашёл посетитель и если «да», то грузим ему сайт в отдельном шаблоне. Можно сделать вручную, нам понадобится код для определения устройства пользователя, код смены шаблона и сам шаблон. Мобильные light шаблоны без плагина Mobius iPhonsta jQuery Mobile Carrington Mobile

WordPress Mobile Pack, WP Mobile Detector, WPSmart Mobile, WP Tap News Press, WPmob Lite, WordPress Mobile Edition, WordPress PDA/Iphone.

Мой выбор: MobilePress — весьма компактное решение, но вместе с тем простое и эффективное. Главное: есть возможность скопировать мобильные шаблоны в папку с другими шаблонами и настроить соответствующий путь в плагине. Это решает выше описанную проблему с кэшированием через Hyper Cache, однако взаимодействие плагинов не всегда без глюков, иногда вместо обычной версии страницы выдаёт мобильную.

Bootstrap

Следующим решением стал JS фреймворк Bootstrap.

О, это классная штука: несколько месяцев назад мы делали сервис, в котором основное количество пользователей работают с мобильников. Дизайн сделали на Bootstrap. Очень просто, очень доступно и эффективно.

В этот раз стояла задача сделать новую адаптивную тему под WordPress на основе Bootstrap. С помощью примеров (http://getbootstrap.com/getting-started/#examples) сделать простенький wp шаблон можно за час или и того меньше.У меня на некоторых проектах достаточно «сложные» шаблоны с рядом условий, касаемых вывода информации, тем не менее за день на Bootstrap был переведён один из сайтов. Кэширование работает, на смартфонах отображается отлично.

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

Мобильная версия на поддомене

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

Сервисы

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

Адаптивный дизайн

Для реализации адаптивного дизайна обычно используются CSS3 Media Queries. Пользователь будет видеть разную картинку в зависимости от разрешения экрана:

Суть: В CSS файл сразу прописываем все данные для нескольких вариантов разрешения монитора.

@media screen and (max-width: 1280px) {div.example {width: 1100px;}}@media screen and (max-width: 1024px) {div.example {width: 980px;}}

Указывать атрибут media

<link rel="stylesheet" href="site.css" media="screen" /> <link rel="stylesheet"href="mobile.css" media="handheld"/>

screen — обычный монитор, handheld — мобильное устройство.

Вариант, найденный на Хабре:<link rel= «stylesheet» href=»handheld.css» media=»handheld,only screen and (max-device-width:480px)»/>Суть: определяем расширение экрана пользователя, и если оно соответствует мобильному устройству — грузим ему в рамках текущего дизайна отдельный CSS файл, где предусмотрено компактное расположение блоков, шрифты и прочее, что советует Гугл.

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

Итог: Bootstrap, прочие адаптивные решения, из плагинов — MobilePress.

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

Бонус!

В качестве бонуса под соц.замок: огромная база ключей, по которым идёт море трафика из Яндекса на womanadvice.ru (1 003 819 кеев, много нк нч) + небольшая подборка сервисов, где можно купить мобильный трафик — для сайта, для арбитража и т.д. И через эти же сервисы можно выгодно монетизировать свой мобильный трафик.

Подпишитесь на нашу рассылку и получайте то, что не вошло в блог, анонсы и тематические подборки + несколько руководств (сбор подписчиков и продажа информации).

adne.info