8 плагинов для создания мобильных сайтов на WordPress: время игнорирования мобильных устройств прошло

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

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

1. iThemes Mobile

mobile_stylemanager5001-312x542

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

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

Возможности:

  • Менеджер стилей для мобильных тем, обладающий высокой гибкостью
  • Встроенный загрузчик произвольных хэдеров, позволяющий задавать разные версии графики для разных мобильных устройств
  • Стартовые темы для мобильных устройств, готовые к использованию. Можно также создать свою собственную тему
  • Привязка тем к различным девайсам и платформам
  • Произвольные меню, а также навигация, полностью поддерживающая средства навигации WP 3.0. Можно использовать как существующие меню, так и отдельные меню для мобильных устройств
  • Годовая поддержка и обновления

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

2. WPtouch

screenshot-81-177x344

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

Возможности:

  • Загрузка страниц происходит в три раза быстрее, чем в адаптивных или стандартных темах
  • Позволяет легко устанавливать веб-приложения для iOS-девайсов
  • Поддержка от разработчиков плагина
  • Три новые темы, которые можно выбирать и изменять
  • Для мобильных страниц используется тот же самый контент, что и на страницах основного сайта
  • Панель администратора ускоряет процесс создания мобильного сайта

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

3. DudaMobile Website Developer

screenshot-21-312x278

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

Возможности:

  • Быстрое конвертирование WP-сайта в более дружественный к мобильным устройствам ресурс
  • Сохранение представления старого сайта
  • Автоматическая синхронизация с текущим сайтом WordPress
  • Оптимизация к функционированию на всех смартфонах
  • Автоматически перенаправляет каждого посетителя, использующего мобильные устройства, на мобильную версию сайта
  • Бесплатная аналитика
  • Работает с Google Analytics и AdSense
  • Плагин не требует навыков работы с кодом

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

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

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

4. Media Grid – WordPress Responsive Portfolio

4_item_builder-312x430

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

Возможности:

  • Неограниченное число адаптивных портфолио
  • Оптимизация под мобильные устройства для всех типов контента, включая изображения, аудио и видео
  • Неограниченные цвета, макеты и пункты портфолио
  • Визуальный билдер сетки
  • Установка в один щелчок мыши
  • 10 разных стандартных стилей
  • Поддержка социальных медиа: Pinterest, Facebook и Twitter

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

5. Mobile Smart Pro

moblie-smart-pro-470px-2-448x429

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

Возможности:

  • Определение мобильных устройств
  • Переключение на мобильную тему, определенную веб-разработчиком
  • Footer Switcher для переключения между мобильной и стандартной версией веб-сайта
  • Режим Tablet, с помощью которого можно включать/отключать автоматическое переключение для планшетов, таких как iPad и Android.
  • Функции разработчика, которые включают в себя теги шаблонов, позволяющие настроить тему для разных устройств. Присутствие нестилизованной темы.

Премиум-возможности:

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

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

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

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

6. WP Mobile Splash Page Editor

Galaxy-Nexus-1-312x541

Плагин WP Mobile Splash Page Editor позволяет получить безграничный контроль над стилизацией своей мобильной версии сайта. В него входят разнообразные опции, которые охватывают абсолютно все аспекты создания сплэш-страниц, начиная от их цветового представления и заканчивая дизайном логотипа. Вы можете легко создать мобильную сплэш-страницу, которая будет полностью соответствовать стилизации и представлению вашего веб-сайта. Плагин чутко относится к скорости загрузки страниц – добавление сплэш-страниц никоим образом не влияет на SEO-показатели.

Возможности:

  • Простота редактирования контента
  • Безграничная стилизация
  • Скорость загрузки страниц PageSpeed — 100/100
  • Оптимизация под мобильный интернет
  • Поддержка родных возможностей мобильных устройств

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

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

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

7. Wapple Architect Mobile Plugin for WordPress

screenshot-7-312x278

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

Возможности:

  • Сохраняет тот же самый URL-адрес сайта, без перенаправления к мобильной версии
  • Сохраняет в силе SEO-показатели сайта
  • Поддерживает символы разных языков
  • Позволяет пользователям комментировать с мобильных устройств
  • Полная свобода в стилизации мобильного сайта. Несколько настроек, которые могут быть изменены для корректирования представления и стилизации сайта.
  • Детальная настройка всех элементов мобильного сайта.

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

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

8. WP Mobile Edition

wp-mobile-edition-340px1-312x534

Полностью оптимизированный, работающий со смартфонами, такими как iPhone, Android Windows Phone и Blackberry, плагин WP Mobile Edition достаточно прост в использовании. У него есть страница настроек, которая позволяет управлять сайтом и его мобильными возможностями. Плагин полностью автоматизирован. У него есть умное форматирование, которое будет изменять позиционирование сайта, основываясь на том, как пользователь просматривает сайт – горизонтально или вертикально. Также имеется полноценная система комментирования: wordpressor или DISQUS. Плагин выполняет адаптацию всех элементов сайта, включая страницы, статьи и изображения, чтобы они соответствовали мобильным устройствам.

Возможности:

  • Мобильный переключатель, который автоматически проверяет, использует ли человек мобильные устройства при посещении сайта.
  • XML Sitemap Generator, который извлекает максимальную пользу для сайта, когда поиск выполняется в таких системах, как Google или Bing.
  • Быстрая и легкая мобильная тема, имеющая ограниченное количество изменяемых настроек.
  • Мобильная реклама, которая позволяет помещать любой рекламный скрипт в мобильную версию вашего ресурса.

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

Что выбрать?

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

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

Источник: wpmu.org

Блог про WordPress
Комментарии: 13
  1. Волшебник

    Вот вы пишите, а сами не сделали у себя поддержку мобильных устройств :)

    1. Дмитрий (автор)

      Я сейчас временно только теоретик, на практику не остается времени :)

  2. Otshelnik-fm

    А вот этот пункт:
    6. WP Mobile Splash Page Editor
    Скорость загрузки страниц PageSpeed — 100/100
    — это фейк. чтобы 100/100 было нужно выполнить одно немаловажное и дорогое условие — подключить CDN

  3. Valentina

    Спасибо за подборку. WPtouch весьма порадовал! Просто, удобно, быстро

  4. Татьяна

    Я попробовала установить плагин DudaMobile Website Developer, ну что скажу, он то сайт оптимизировал, но статьи полностью не открываются, картинок тоже не видно, вверху реклама. Чтобы рекламы не было, нужно покупать платный тариф. Вобщем сейчас буду разбираться в настройках (там всё на английском), если статьи полностью открываться не будут, придётся сменить плагин. Если что интересное найду, напишу.

  5. Татьяна

    Наконец я нашла подходящий плагин, он находится здесь под №8 WP Mobile Edition Радости моей нет предела,это лучший плагин изо всех, что я пробовала. Устанавливается он просто: нужно скачать плагин и загрузить его в Вордпресс, и нажать на кнопку активировать, и всё! Заходите на свой сайт с мобильного, а он уже оптимизирован под Ваше устройство. Рекламы нет, только не все фото на перовой странице открываются, но когда нажимаешь на статью, она открывается без проблем со всеми фотографиями. А вот ещё одно, у меня был плагин 3. DudaMobile Website Developer, я его удалила, а он пять появляется. Насколько я поняла, нужно заходить в аккаунт и удалять его уже оттуда. Удачи, надеюсь я помогла Вам определиться с выбором!

    1. Дмитрий (автор)

      Отлично, спасибо за информацию. Я сам тоже пробовал WP Mobile Edition , но мне не очень понравилась его стилизация.

      1. Дарья

        Татьяна, поделитесь, пож-та, с новичком опытом, как удалить окончательно плагин DudaMobile Website Developer?

  6. Сергий

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

  7. Дарья

    Добрый день! У меня тоже после удаления снова появляется плагин DudaMobile Website Developer.
    Попробовала по инструкции найти в файлах index.html, index.php и default.asp ссылку на редирект на DudaMobile Website Developer не нашла такой ссылки.

    Помогите пожалуйста советом как убрать этот плагин окончательно. Только по понятнее, я совсем новичок.

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

    1. Дмитрий (автор)

      В инструкции к плагину написано, что нужно перейти к разделу с плагинами, сначала деактивировать плагин, а затем уже его удалить.

  8. Галина

    Этот вопрос сегодня актуален как никогда. У моего блога долгое время не было мобильной версии, да я и не понимала зачем она нужна. А сейчас осознаю, что все сайты должны быть оформлены, чтобы можно было читать и видеть их с телефона, особенно это касается интернет-магазинов. Потому что на себе проверила, что 90% всех покупок я оформила через телефон. Мне мобильную версию мой мастер, который настраивал блог, к сожалению, не сделал, поэтому заказала у сторонней компании. Настроили все за 2 дня. И кстати, посещаемость сразу увеличилась. Пошли комментарии, ретвиты и репосты. Я прям рада, что ко мне все-таки пришло осознание того, что просто необходимо адаптировать сайт под мобильное устройство.

  9. Лена

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

Добавить комментарий для Сергий Отменить ответ

Получать новые комментарии по электронной почте.