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

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

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

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

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

Адаптивные темы

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

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

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

Если вы ищете платную тему, Themeforest дает больше 2,000 адаптивных тем на выбор. Если вы больше склонны к использованию бесплатной темы, выбор тоже есть. Например, вот хорошие адаптивные темы для портфолио.

Адаптивные темы хороши не только для сайта портфолио. Вот список из более 250 адаптивных тем во всем своем разнообразии — и все они бесплатны.

Также обратите внимание на впечатляющий набор адаптивных тем от Dessign.

Плагины

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

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

WPTouch

Один из самых популярных плагинов — WPTouch.

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

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

Mobile Detector

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

Этот плагин также предлагает множество тем на выбор. Некоторые из этих тем плоские и современные, явно получше WPTouch. Ну и на закуску: плагин предлагает мобильные версии официальных тем WordPress: Twenty Eleven и Twenty Twelve. Еще один хороший вариант — WZ Mobile Theme — позволяет вам отображать ваши изображения на главной странице.

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

UppSite

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

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

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

После установки есть много других опций настройки, но некоторые доступны только в платной версии плагина. Бесплатная версия, помимо прочего, позволяет вам изменять фон мобильной страницы и верхнего блока. С платной версией вы также получаете iOS, Android и Windows Phone приложение и можете настроить вашу входную страницу-заглушку, но на это вам придется потратить $99.99 в месяц.

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

Если бы нам пришлось выбирать один из этих плагинов, мы бы выбрали Mobile Detector. Минимальное количество шагов — и дело сделано. Если вам нужно что-то более надежное, если вам нужно больше контроля над вашим бизнес сайтом, возможно, вам больше подойдет UppSite (если он вам по карману).

Дополнительные инструменты

Чтобы быть уверенными, что WordPress блог полностью доступен для мобильных устройств, вы можете использовать бесплатный инструмент Embed Responsively. Этот инструмент позволяет вам встраивать видео из YouTube, фото и видео из Instagram, Google Maps и многое другое. При этом вы можете быть уверенными, что встроенные данные будут нормально выглядеть на вашем мобильном сайте, ведь может оказаться, что некоторые встроенные изображения или видео могут перекрывать контент. Embed Responsively поможет вам положить этому конец.

Что же выбрать?

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

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

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

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

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

3 комментария

сначала новые
по рейтингу сначала новые по хронологии
Antony Bark

Спасибо! дельные советы

Леонид Брант

Лично сам пользуюсь плагином WPtouch, все что мне в нем нравится, простота. Результат можно посмотреть http://copyloc.ru/

Довольно подробная статья, и много плагинов. Хочу поделиться своим опытом.
1. Пользуюсь бесплатной версией сервиса DudaMobile.
2. Можно пользоваться и подобной функцией в плагине Jetpack.