7 плагинов для мобильной оптимизации Вордпресс. Мобильная версия сайта wordpress плагин

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

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

Смотрите также:

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

Начнем с самого простого и, пожалуй, самого эффективного способа сделать сайт на WordPress дружественным для мобильных устройств. Набор инструментов JetPack позволяет решить эту задачу нажатием всего 1 кнопки. Более того: он наверняка уже у вас установлен в числе других базовых плагинов. Если да – то просто кликните по ссылке "JetPack" в меню администратора сайта и перейдите на страницу модулей. Там надо активировать "Mobile Theme" — и всё готово.

2. WPtouch

Следующий по своей эффективности в списке бесплатных инструментов — плагин WPtouch. Его скачали уже более 4,3 млн раз. Он позволяет сделать красивый и быстрый мобильный сайт буквально за пару минут, при этом не написав ни строчки кода. Платная версия под названием WPtouch Pro предлагает еще отдельную админ-панель и поддержку в системе тикетов.

3. WP Mobile Detector[link]

[link]

У этого плагина есть автоматическое распознавание обычных мобильников и смартфонов. В зависимости от этого сайт загружается в совместимой версии для каждого конкретного мобильного телефона или другого гаджета (с учетом разрешения экрана, диагонали и других параметров). Всего есть 7 предустановленных вариантов мобильной темы оформления. Также этот плагин автоматически меняет размер и разрешение картинок в зависимости от пользовательского дисплея. Кроме того, здесь есть свои виджеты и сбор статистики.

Основные возможности:

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

4. WordPress Mobile Pack

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

Также плагин включает:

переключатель между мобильной и классической настольной темой;
набор поддерживаемых и распознаваемых устройств, включая темы для Nokia и браузеров на WebKit;
настройку цветовой палитры по темам с поддержкой твиков в CSS;
автоматическую адаптацию картинок и разбиение постов и страниц;
мобильную панель администратора;
виджет мобильной рекламы, поддерживающий такие платформы как AdMob или Google’s Mobile Adsense;
мобильную аналитику;
виджет для добавления бар-кодов на сайт, чтобы быстро добавлять сайт в закладки на мобильном устройстве при просмотре сайта на большом экране настольного ПК.

5. WP Mobile Edition

По сути перед вами — брат-близнец предыдущего плагина. У него есть все те же фишки и опции, но есть еще поддержка системы комментирования Disqus и мобильная карта XML с собственным генератором для сайтов, что хорошо скажется на поисковой оптимизации. Также этот плагин создает мобильную версию на поддомене вида m.facebook.com, что хорошо для ускоренного кэширования и реализации поддержки мобильных cookie.

6. Wapple Architect Mobile Plugin

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

7. MobilePress

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

8. Duda Mobile Website Builder

Плагин-конструктор Duda Mobile помог создать мобильные версии сайтов в том числе для таких проектов и изданий как Forbes, Huffington Post, NY Times. Он очень простой и быстро превращает ваш обычный сайт в мобильный. Работает со всеми темами оформления для движка WordPress и автоматически синхронизируется с вашим основным сайтом.

Источник: WPLift.com

hostenko.com

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

8 декабря 2014 3 374

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

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

В WordPress с этой проблемой справиться гораздо проще нежели в любой другой CMS. Сразу стоит отметить: если ваш сайт пока на стадии разработки — обязательно заказывайте / покупайте только адаптивный (респонсивный) шаблон. Боюсь, что в 2015-ом без респонсива будет худо!

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

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

1. WPtouch

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

Скачать

2. iThemes Mobile

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

Скачать

3. Duda Mobile Website Builder

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

Скачать

4. Any Mobile Theme Switcher

Очень простой плагин, полезность которого просто зашкаливает. Суть его заключена в том, что плагин активизирует разные темы для разных девайсов. К примеру, вы можете определить 3 темы: сложную, попроще и максимально простую. И настроить их таких образом, что сложная тема будет активизироваться только для пользователей, зашедших с персональных компьютеров или лэптопов, та, которая попроще — для планшетов и таблетов, а самая аскетичная для мобильных телефонов. Кроме того, вы можете пойти дальше и назначить конкретные темы для пользователей iPhone, Android, Windows Mobile, Blackberry, Opera Mini и т.д.

Скачать

5. Mobile Smart

Функционал Mobile Smart схож с функционалом предыдущего плагина. Плагин так же имеет самый минимум настроек. Вы можете назначить конкретный шаблон для своих мобильных пользователей, а также вывести ссылку переключения между мобильной и десктопной версиями сайта. Кроме этого, плагин имеет платную расширенную версию, которая дает возможность осуществлять редирект мобильных пользователей на поддомен. Например, m.yoursite.com.

Скачать

6. WP Mobile Edition

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

Скачать

7. WP Mobile Detector Mobile Plugin

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

Скачать

В качестве заключения

Если вы ищете простое решение для корректного отображения сайта на мобильных устройствах, бесплатная версия WPtouch доступная в репозитории WordPress — будет отличным выбором. Если вы хотите просто активизировать мобильных пользователям более легкую тему — Theme Switcher вам обязательно поможет. Расширенная версия WPtouch и его альтернатива от iTheme — просто фантастический вариант для разработчиков. Оба плагина имеют широчайший набор возможностей и техническую поддержку.

Всё самое новое и интересное я публикую в своём Телеграм-канале. Подписывайтесь!

danilin.biz

WP Mobile Edition | WordPress.org

Fully optimized for the best performance on smartphones, compatible with: iPhone, Android, Windows Phone. Simple and easy to use: An Intuitive setting page gives you complete control. The pack contains the following functionality:

Mobile switcher

The mobile switcher automatically detects whether the visitor to the site is mobile or not, and switches between the primary WordPress theme (for desktop users) or loads a mobile theme.
Includes the ability for visitors to switch between mobile view and your site’s regular theme (and remembers their choice).
Manual Switcher — to allow your user to manually switch between desktop and mobile versions. Available in 3 versions: shortcodes, option to automatically insert into footer, or template tag.
Based detector on mobiledetect project, meaning device detection will stay up to date with latest mobile devices.

A standard mobile theme

Was designed to be as lightweight and speedy as possible, while still serving your site’s content in a richly presented way, sparing no essential features like search, categories, tags, comments etc.
Device adaptation, including the rescaling of images, intelligent splitting of articles and posts into multiple pages, the simplifaction styles, and the removal of non-supported media.
Smart Formatting: It doesn’t matter whether users are viewing your site horizontally or vertically, mTheme will re-position all media on the fly.
Full Comments System: Default wordpressor or DISQUS.
You can choose from 8 different color schemes in the settings panel.
Easily customize your mobile theme logo with our easy uploader.
No SEO Knowledge Needed: mTheme will automatically optimize your site for SEO. You don’t need to touch a button, just sit back and watch your rankings rise.
Equipped with a mobile ad, you can put any ads scripts (Adsense, admob, or banner ads of your own) and it will appear on your mobile version.
Mobile-friendly: an extensible theme that is ready for display on mobile devices.

Демо

To see mTheme in action visit This demo.
Look: Gallery page, Contact form, comments in levels, and all functionality like a theme for desktop.

Translation

Non-English Speaking Users — Contribute a translation using the GlotPress web interface – no technical knowledge required (how to).

SETTING UP A SUBDOMAIN IS DONE THROUGH YOUR HOSTING PROVIDER

You need to create a CName, and unfortunately the way you do this differs from one host to another, with some it’s a drop down box and it takes two seconds to do, with others the process will be a little bit more complicated.

If you use an external host somewhere there will be a section where you can edit your DNS details — if your service doesn’t allow it then it’s probably time to move to another host.

When you create a subdomain, you will need two things, the domain the subdomain is for and the location from which the new subdomain will load it’s content.

Type your subdomain (m), that will be your mobile subdomain, then point for your website root. (don’t create a extra folder) this plugin will not work if you point it to be different from the directory you installed WordPress.

To confirm that the process was performed correctly visit your full site in m.yousite.com (before enable the plugin)

TESTING YOUR INSTALLATION (after enable the plugin)

Ideally, use a real mobile device to access your (public) site address and check that the witching and theme work correctly.
Use the Mobile emulator in admin dashboard.
In Firefox Browser, the User-Agent Switcher add-on can be configured to send mobile headers and crudely simulate a mobile device’s request.

Основные настройки
Mo

ru.wordpress.org