Мобильная версия wordpress сайта

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

Доброе время суток,
если оно доброе, не знаю как у вас, но у меня что-то полный 3,14здец на работе — «почему ты не работаешь, как тебе говорят, я тебе задачу поставил еще в субботу и на почту скинул материал», только в субботу выходной был. Дома — что за зарплата (2900 грн. по курсу $ — 116) да, да, вот такая в МНС зарплата. Что-то я отклонился от тематики статьи, а она весьма интересная и актуальна на сегодняшний день мобильная версия wordpress сайта.
Итак, рассмотрим, для чего это необходимо, как узнать оптимизирован ли сайт под мобильное устройство, как создать мобильный сайт для wordpress.

Мобильная версия своего сайта

Зачем необходимо оптимизировать сайт под мобильное устройство? Ответов на данный вопрос можно навести множество, к примеру, многие поисковые системы анализируют сайты, и дают оценку
не оптимизирован по мобильные устройство
В результате чего могут понизить в ранжировании и выдачи той или иной ПС, а учитывая развитие мобильных и планшетных устройств, и сколько людей ими пользуются, вы будите терять целевой трафик, к тому же и посетителям будет неприятно просматривать ваш сайт из-за маленького шрифта, и плотности элементов.
Проверить сайт как он отображается на мобильном устройстве можно здесь
https://developers.google.com и тут
https://www.google.com/webmasters/tools/mobile-friendly/
удобство на мобильном

Результат вы сами видите без комментариев.

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

Итак, если после проверки своего сайта на удобство у вас показало 40% стоит задуматься про его оптимизацию под мобильные устройства, здесь можно выбрать два варианта.
Первый заказать на фрилансе или погуглить и найти в рутине человека, который вам это сделает, стоимость от 30 до 60 зеленных долларов.
Второй способ разобраться самостоятельно, а пока будите разбираться использовать плагин WPtouch Mobile Plugin который на первое время (может и на постоянно) отображать удобство на 100% и это бесплатно.

Настройка плагина WPtouch Mobile Plugin

Плагин WPtouch
Совместимость с WP 4.1.1
Скачать с официального сайта

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

Переходим в раздел ► Базовые настройки здесь все довольно просто и понятно (указываем название сайта, все остальные пункты оставляем без изменений). Снизу имеется кнопка для просмотра заданных настроек, используем.
WPtouch Mobile Plugin
Переходим в следующий пункт ►Темы и расширения учитывая, что мы используем бесплатный плагин, вам будет доступна только одна тема Bauhaus 1.4.6 другие темы pro стоят от 40 $.
Переходим ► Настроить откроется вкладка с параметрами Bauhaus здесь будет 5 подменю смотрим на скриншот
параметры настройка
Общие — устанавливаем сколько желаете вывести на блоге записей, исключить категории указав id категории через запятую в результате чего данная категория и статьи которые в ней имеются не будут отображаться на главной, с другими пунктами в этом подменю проблем точно не будет.
Фирменная символика — здесь весьма интересный раздел задаем (выбираем цвет) устанавливаем специальное изображение, прописываем ссылки для установки кнопок социальных сетей.
иконки для мобильного сайта
Остальные три подменю только для версии pro.

Переходим ► меню здесь буду подменю
Mobile

Тематика меню — выбираем свое меню которое у вас создано и отметьте использовать значки, значки для меню задаются в Menu lcons перетянув мышью
иконки на меню
сохраняем, в итоге получим неплохое оформленное меню и в целом бесплатную версию мобильного сайта.
Mobile Plugin
Удачи.

С уважением, Андрей Юрийчук

Комментариев к записи: 4

  1. 1
    Татьяна says: (1 комм.)
    http://krasivye-podelki.ru/

    Я не так давно сделала свой сайт на движке WordPress, об оптимизации к мобильным устройствам как-то не подумала. А тут наткнулась на информацию, что гугл понижает в выдаче те сайты, которые не оптимизированы под мобильные устройства. Как Вы понимаете, для моего молодого сайта это губительно, я и так не могу похвастаться высокой посещаемостью, а тут эта информация. Как оказалось, у меня два выхода: или ставить оптимизированную тему, или устанавливать специальный плагин. Естественно проще и легче второй вариант. Я достаточно много плагинов перебрала, самым лучшим мне показался WP Mobile Edition. Он бесплатный, нужно его загрузить с официального сайта wordpress.org/plugins/wp-mobile-edition/ и установить на своём движке, нажать кнопку «Активировать плагин» и всё! Заходите со своего мобильного устройства на сайт, а он уже оптимизирован.

  2. 2
    Дмитрий says: (3 комм.)
    http://webfacts.ru

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

    • 2.1
      Андрей76 says: (5 комм.)
      http://dmitriev-lgovskij.ru/

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

  3. 3
    Дмитрий46 says: (5 комм.)

    Спасибо за полезную статью! Не подскажите, как добавить свой текст внизу мобильной страницы, в то место, где находится ссылка на полною версию сайта, какой файл плагина нужно редактировать? Буду Вам очень благодарен!

Черкани пару строк

Ваш e-mail не будет опубликован. Обязательные поля помечены *

WordPress: 7.67MB | MySQL:79 | 1,121sec