Мобильная версия сайта (блога) на wordpress. Плагин WPtouch

Мобильная версия сайта Все для WordPress

Привет, друзья! Сегодня у меня для вас не очень хорошая новость, которая просто вынудила меня написать этот пост. Говорю я про нововведение гугла про мобильную версию сайта (блога). Он настоятельно рекомендует отредактировать шаблон под мобильные телефоны (смартфоны), планшеты и т. д. Если этого не сделать, то через некоторое время будут существенные спады в поисковой выдаче.

Честно говоря, то новость неновая. Странно! Я узнал о ней всего пару дней назад. Не тратя время попусту, я сразу взялся за мобильную версию блога.

Этот блог работает на wordpress, тому чтобы не заморачиваться страшными html — кодами, я решил либо плагин, либо заказать у специалистов. Остановился на первом. О котором подробно вам расскажу во всех тонкостях. Чтобы и вы могли без каких-либо проблем создать свою мобильную версию сайта всего за пару минут.

Итак, давайте начнем друзья.

Плагин WPtouch — мобильная версия сайта за 5 минут.


Сначала скачиваем плагин. Сделать это можно многими способами, я все плагины скачиваю с официального сайта wordpress.

 

Скачали?! Теперь нужно его установить. Как установить плагин? Думаю, вы знаете, тому переходим к самой настройке.

В админке wordpress, внизу сразу после «Настройки» появился новый раздел под названием WPtouch.

Админка WPtouch

Открываем и видим последние новости плагина. Слева (в админке) появились новые разделы. Со списка вам нужно выбрать «Базовые настройки».

Базоыве настройки плагина WPtouch

Что мы видим? Первые основные шаги, настройки мобильной версии сайта. В этом разделе мы можем:

  1. Указать название сайта;
  2. Язык сайта;
  3. Режим отображения (активная мобильная версия или нет);
  4. Начальная страница (по умолчанию «wordpress»).

Посмотрите, как я настроил у себя базовые настройки

Скри базовых настроек плагина WPtouch

Все. Это раздел нас больше не интересует. Переходим к следующему «Темы и расширения».

Здесь у нас много вариантов нет. Потому что в основном плагин — платный, и другие различные темы мы выбрать не можем. Тому по умолчанию нашей темой будет «Bauhaus».

Внизу под ней нам нужно нажать «Настроить».
[adsense1] Темы плагина WPtouch

Нажатием по этой кнопке, мы автоматически перейдем к другому пункту, под названием «Параметры темы».

Здесь мы можем (подраздел «Общие»):
[adsense2]

  1. Настроить количество записей на главной странице;
  2. Исключить отдельные категории и теги;
  3. Настроить эскизы;
  4. Настроить комментарии;
  5. Включить или выключить слайдер на главной.

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

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

Автоматический слайд — значит, что слайд будет автоматически прокручиваться (рекомендую поставить здесь галочку).

А вот и скрин моих настроек в подразделе «Общие».

Настройки подраздела Общие

Теперь переходим ко второму подпункту «Фирменная символика».
[adsense3] Здесь можно:

  1. Настроить цвет темы;
  2. Добавить эмблему сайта;
  3. Настроить шрифт (рекомендую шрифт браузера);
  4. Добавить соц. ссылки.

Наводить свой пример здесь не буду, так как не вижу потребности.

В подразделе «Закладка пиктограмм», можно добавить иконки для Android и IPhone. Но, должен предупредить, что здесь все ограничено. Для полного доступа, нужно иметь PRO. Тому и следующие подпункты, можно просто пропустить.

Потихоньку мы подобрались к разделу «Меню», которое тоже очень важное для нас. Здесь есть несколько подпунктов:

  1. Подраздел «Тематические меню», в котором мы можем выбрать меню, оно будет отображаться в header (вверху).
  2. В подразделе «Настройка меню», можно настроить значки к каждому пункту отдельно. Значков по умолчанию очень много, которые подходят под любой сайт или блог.
  3. Загрузка и наборы значков. Не подходят значки по умолчанию? Нет проблем! Всегда, можно загрузить другие.

Вот друзья и все. Все настройки сделаны. Можно посмотреть, что у нас получилось. Для этого внизу настроек нужно нажать «Посмотреть тему».

Посмотреть тему - плагин WPtouch

И как вам? Нравится? И все это бесплатно. Хотите большего? Закажите платную версию плагина. Поверьте, не пожалеете. Так как в версии PRO дополнительных функций увеличится вполовину.

Дополнение.

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

Смотрите:

  1. [urlspan]JetPack[/urlspan].
  2. [urlspan]WordPress Mobile Pack[/urlspan].
  3. [urlspan]WP Mobile Edition[/urlspan].
  4. [urlspan]Duda Mobile Website Builder[/urlspan].

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

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


Вот и все, чем хотел сегодня с вами поделиться. Понравилась статья? Подпишитесь на блог! Буду очень рад и благодарен.  :-)

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

Спасибо за внимание! До новых встреч! Пока-пока! ;-)

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

  1. Руслан

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

    Ответить
    1. admin автор

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

      Ответить
      1. Ярослав

        Зашёл на сайт wptouch. Версия pro для одного сайта с годовой техподдержкой стоит 69$. Солидно так стоит.

        Ответить
  2. Руслан

    Не удержался и посмотрел на вашу мобильную версию. Всё чётко и явно уже не плагин wptouch 😀 Видна работа профессионала

    Ответить
  3. Надежда Введенская

    Я тоже просмотрела *CRAZY* Какая жалость — красивой шапки блога нет. А так смотрится вполне приятно. И Гугл доволен. 😀

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

    Ответить
    1. Руслан

      Плагины вообще очень нас выручают, когда нет желания ковыряться в коде =)

      Ответить
      1. Надежда Введенская

        Я бы с удовольствием «ковырялась». Только «пусть меня научат».

        Ответить
        1. Руслан

          Пусть тогда и меня научат. Я бы тогда сидел в этом коде постоянно. Люблю всё делать сам, но иногда понимаю, что могу сделать хуже =)

          Ответить
          1. Надежда Введенская

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

          2. Руслан

            Военные любят ставить задачи)))

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

            Зато это учит работать головой, а не надеяться на чьи-то советы

          4. Руслан

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

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

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

          6. Руслан

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

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

            Ха, а кому это нужны люди с плохими мозгами =-O Вы бы захотели взять себе такого в помощники для своего блога?

          8. Руслан

            А работа разная бывает. Некоторым именно такие и нужны 😀

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

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

          10. Руслан

            Это я не про себя говорил. Я очень требовательный 8)

      2. Ярослав

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

        Ответить
        1. IvYur

          Абсолютно верно ))) Везде все опытные блогеры советуют с кодами работать.

          Ответить
  4. IvYur

    Хотелось бы дополнить. Если не ошибаюсь Гугл начал понижать в рейтинге те сайты, что не имеют мобильной версии.

    Ответить
    1. Руслан

      Так и есть. Гугл уже давно за это принялся. Теперь и Яндекс начинает обращать внимание на наличие мобильной версии.
      Так что без неё теперь не обойтись

      Ответить
  5. Надежда Введенская

    Но поскольку ее так просто делать, то для сайтов на WordPress это не проблема.

    Ответить
  6. IvYur

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

    Ответить
  7. Ярослав

    Посетители из мобильных устройств засчитываются статистикой поисковиками при установке бесплатной версии?

    Ответить
  8. Антонина

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

    Ответить