Вы читаете статью "Мобильная версия сайта на WordPress | Делаем моб.версию плагинами."

Заказать готовый блог под ключ

Мобильная версия сайта на WordPress | Делаем моб.версию плагинами.


14 Янв 201613 комментариев

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

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

У меня в Гугл-вебмастере уже больше года висит такая напоминалка.

clip_image002

Но я же супер-занятый и мне некогда обращать внимание на такую ерунду!

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

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

Короче, я рубанул эту мобильную версию!

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

Рост числа мобильных пользователей.

Вообще, если смотреть статистику, то даже при моей специфике ИнфоМастерской, уже примерно 4-5% заходят на блог с мобильных устройств. И количество мобильных пользователей только растет.

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

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

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

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

Таким образом количество мобильных в сети растёт в геометрической прогрессии.

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

Моя задача не убедить вас-делать или не делать мобильную версию сайта.

Я хочу Вас предостеречь от того чтоб не упустить аудиторию и удержать, а еще лучше нарастить посещалку Вашего проекта.

Теперь давайте обсудим как лучше сделать мобильную версию сайта.

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

Мобильную версию сайта можно сделать с помощью плагинов и без.

Давайте сначала обсудим как сделать моб. версию без плагинов.

Еще недавно был очень популярным способом было использование различных сервисов. Суть работы была простая.

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

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

Можно сделать мобильную версию с помощью адаптивной темы.

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

У меня до недавнего времени так и работал сайт, но что-то в последнее время, а точнее последний год, все равно не нравится Гуглу, и он перестал считать, что мой сайт адаптирован под мобильные устройства.

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

Поэтому я все же решил обратится к плагинам.

Делаем мобильную версию сайта плагинами.

Для рассмотрения я взял три плагина.

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

1. Jetpack это универсальный плагин с массой возможностей для WordPress.

Среди этих возможностей и создание мобильной версии Вашего сайта.

Подключается очень легко и особых настроек не требует.

Преимущества Jetpack для создания мобильной версии сайта:

1. Простота настроек-включил и пользуйся

2. Все элементы сайта остаются в дизайне просто адаптируются под мобильную версию

3. Плагин постоянно обновляется

4. Что не мало важно это плагин от wordpress.com

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

1. Показывать или нет краткие анонсы на главной моб.версии сайта

2. Показывать или нет миниатюры к записям

3. Показывать или нет ссылку на Jetpack

Как видим настройки очень простые и, если честно, то мобильная версия сайта смотрится вполне прилично без потерь информации с сайтбара. Сайтбар выводится под основным контентом сайта.

Вот как выглядит мой сайт wp-home.info в моем телефоне. На этом сайте я использую Jetpack.

Делаем мобильную версию сайта плагинами

Как работать с этим плагином и другие его возможности я показываю в бесплатном видеокурсе “Сайт на WordPress от новичка до ПРОФИ” в второй части курса.

Вот прилагаю видео из этого курса о том, как настроить мобильную версию проекта с помощью Jetpack

Недостатки Jetpack

1. Но к сожалению, для моего блога Инфомастерской он не подходит, т.к. Jetpack создает не малую нагрузку на сайт (в него напихали кучу функционала) и я при посещаемости ИМ уже не могу себе позволить.

Сайт WP-home.info еще молодой и для него такая нагрузка вполне подходит.

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

Я проводил эксперимент и отключал все функции Jetpack, и он все равно грузил базу запросами.

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

2. WPtouch Mobile Plugin плагин для создания мобильной версии с PRO версией.

Отличный плагин с кучей настроек.

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

Я поставил этот плагин на свой сайт поддержки партнеров. Что сказать результатом почти доволен и буду наблюдать дальше.

WPtouch Mobile Plugin плагин для создания мобильной версии с PRO версией.

Чем хорош WPtouch для создания мобильной версии сайта:

1. Плагин постоянно обновляется и держит в тонусе пользователя

2. Русифицированный и удобный интерфейс

3. Расширенная настройка меню

4.  Загрузка своего логотипа

5. Возможность подключить и настроить изящный слайдер

6. Настройка вывода записей

7. Большой выбор подключения социального обмена-кнопок

8. Возможность вставить в футер дополнительную HTML- вставку

9. Возможность добавлять свои стили

10. Пред осмотр все изменений в настройках

Прилагаю видео с обзором возможностей плагина.

Из недостатков плагина.

1. Плагин не хило грузит сайт при замере плагином P3, но думаю подправить это плагинами кеширования. но… читайте второй пункт

2. Плагин конфликтует с плагином кеширования WP Super Cache, что совсем не хорошо. Это один из моих любимых плагинов кеширования.

И хотя в настройках WP Super Cache есть функция совместимости с WPtouch, но она работает через раз и все равно на сайте начинаются такие тормоза, что не захочется никакой мобильной версии.

Я еще протестирую этот плагин с другими кеширующими и о результатах отпишусь на блоге.

3. Плагин имеет платную ПРО версию с еще большим функционалом. Я бы взял и платную, но пока нужно покатать бесплатник.

3. WPSmart Mobile простой плагин для создания мобильной версии сайта.

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

WPSmart Mobile простой плагин для создания мобильной версии сайта.

Ну вот! — могут сказать многие- водил кругами и наконец довел до нужного!

Как в известном анекдоте:

Поцелуй меня в плечо…

Ну ты же то же с далека начал!

Нет! Совсем не так!

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

От себя могу сказать, что я бы с удовольствием использовал для ИнфоМастерской плагин WPtouch и вчера пол дня мучил сайт. Наверняка многие заметили тормоза в работе-это я экспериментировал!

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

Преимущества WPSmart Mobile для создания мобильной версии сайта:

1. Простота настроек

2. Малая нагрузка на блог

3.  Загрузка собственного логотипа

4. Настройка вывода новостей

5. Настройка меню

6. настройка цветовой гаммы

7.  Возможность подключения статистики от Гугл

8. Подключения своего аккаунта Адсенса

Теперь пройдемся по настройкам WPSmart.

В левой панели WordPress появился новый пункт-WPSmart. Заходим знакомимся.

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

Здесь Вы можете:

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

Подгрузить логотип сайта (оптимальный размер 400 на 50 пикселей)

Подключить поиск и комментарии

Настроить вывод новостей (включение даты, автора, миниатюры и анонса)

Подключить Гугл-аналитику

Подключить свой аккаунт в Адсенсе

Темы WPSmart.

Выбор небольшой всего три темы:

С анонсами последних записей и миниатюрами сбоку

Просто с анонсами

Вывод последней статьи на главную

Хотелось бы больше тем и разнообразия, но что есть то и берем.

Внешний вид-appearance

В этом разделе все просто, назначаем цвета фону, тексту. ссылкам

Меню

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

не забываем поставить чебокс Enable drop-down pages/links menu.

Иначе меню в моб. версии не покажется.

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

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

И в конце я хочу вам преподнести небольшой подарок.

Новый год всё таки! Хоть и СТАРЫЙ но ведь Новый!

Теперь первую часть курса “Сайт на WordPress от новичка до ПРОФИ” можно скачать в цифровом формате на свой компьютер.

Как-заработать-прелагая-курс-бесплатно!

Кроме этого в курс прошита возможность зарабатывать.

Вы сможете получить дополнительный доход  сделав несколько простых манипуляций.

Как?

Узнаете скачав сам видеокурс вот по этой ссылке.


Вы прочитали мою статью "Мобильная версия сайта на WordPress | Делаем моб.версию плагинами. "  Хотел бы прочитать Ваше мнение в комментариях.



Да, Я Хочу Быть В Курсе Новых Событий На Сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности


Купить здесь баннер
WordPress Еще записи по этой теме:
необходимые руководства по основным базовым знаниям, бесплатные видео-курсы, способы заработка на сайте
Комментарии для сайта Cackle
13 комментариев to “Мобильная версия сайта на WordPress | Делаем моб.версию плагинами.”
  1. Сергей:

    Спасибо за курс, скатается посмотрю

  2. VladPchelkin:

    Спасибо за статью. Давно собирался сделать мобильную версию и всегда что-то мешало. Пример налицо, значит и самому пора.

  3. Надежда Введенская:

    Да, своевременно вы опубликовали эту статью :-). У меня тоже в Гугле висит напоминалка. Вот теперь последую вашему примеру.

    • Федор Ашифин:

      Здравствуйте надежда!
      Если будете ставить WPsmart отпишитесь , принял Гугл или нет, у меня все равно 30 страниц считает не адаптивными.
      И вообще что получилось.

  4. Павел:

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

    • Федор Ашифин:

      В самом курсе есть ссылка на инструкцию по рапространению, но вот прилагаю http://partner.infomaster.su/obuchenie-partnerov/kak-zarabatyvat.html

  5. Сергей:

    Федор, а как решить вопрос показа контекстной рекламы в мобильной версии, у тебя тоже объявления не отображаются в мобильной версии. Я вывожу мобильную версию через джетпак, но рекламы нет, хотя в нормальной версии все нормально. У других людей установлен джекпак и все нормально. Может ли это быть связано с шаблоном? Или с чем-то другим, подскажи в какой стороне искать?

    • Федор Ашифин:

      Джетпак отображает все элементы сайта и контекст должен оставаться.
      У меня на wp-home.info так.
      На Инфомастреской в настройках плагина WPsmart можно прописать свой номер партнера в Адсенсе и реклама начинает работать.
      Вообще мобильные версии не жалуют сайтбар и в основном исключают его, поэтому приходится рекламу вставлять в текст.

  6. Александр:

    Ставил с начало на блог плагин WPtouch Mobile Plugin, сперва обрадовался=)) потом дня через 3-4 понял что блог стал как то тяжеловат.. в загрузке! По итогу за 500 рублей мне сделали адаптивный вариант блога! Вот это другое дело, блог просто стал по другому работать!

    • Федор Ашифин:

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

  7. fx-prog:

    Все отлично, но только плагин WPSmart Mobile обновлялся 3 года назад и не тестировался с последними версиями WordPress

    • Федор Ашифин:

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

Оставить комментарий

(required)

(required)


Купить здесь баннер
Для настоящих Ютуберов!
Как заработать на YouTube
Как раскрутить видео на YouTube
Информационная база для продвижения любого проекта в Интернете!
Добавить свою рекламу
10 шагов настройки канала на YouTube
Заставка для видео за 15 минут
Поиск по сайту
Для WordPress блоггеров
Как ускорить индексацию статей
Как оптимизировать тексты статей
Как сделать так чтоб блог ожил и стал приносить прибыль и удовольствие.
Разместить здесь свой тизер
Как ускорить WordPress
Настройка All in One SEO для WordPress
Для тех кто хочет заработать в Интернете!
Обрати внимание!
Camtasia Studio от А до Я курс предназначен для тех, кто хочет создавать свои собственные обучающие курсы и зарабатывать на этом деньги