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

ПоделитьсяTweetПоделитьсяGoogle

Доброго времени суток! Всем привет горячий и пламенный.  В интернете всё больше и больше появляется сайтов и блогов, все хотят заявить о себе миру. Не только Аз есем, но и зарисовать своё дело в виртуальном пространстве. Вход в виртуальный мир становится всё доступнее. Сам доступ становится более проще и повседневнее. Теперь зайти в другой мир можно с мобильных устройств. Всё больше и больше пользователей интернета становится через мобильные устройства. С каждым месяцем число заходов в сеть с мобильных растёт. Поэтому так же растёт и спрос на мобильные версии сайтов. Есть целое направление у вебстудий — производство мобильных версий сайтов.

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

Что делать? Заказывать у фрилансера , такого как я  🙂 , облегчённую версию и платить бабуреки… Не особо охота деньги тратить?

Выход есть! Если ваш сайт или блог на wordpress, вам поможет с адаптацией под мобильные девайсы плагин WPtouch

Что делает данный плагин — загружает облегчённую версию шаблона сайта  как только пользователь заходит с мобильного устройства. Облегчённую версию мы настраиваем сами в настройках этого замечательного плагина. Тема — шаблон мобильной версии всего один в этом плагине в безплатном варианте. В версии Pro плагин уже платный и в нём ещё 4 темы и три расширения.

Нас интересует только совковый метод, то есть халявный…

Итак качаем плагин WPtouch>>>  можете просмотреть его из консоли wordpress/плагины найдя его по названию WPtouch Mobile Plugin, если хорошо разбираетесь по английски. По моей ссылке скачаете уже частично переведённый на руссккий. Почему частично? Потому что лень было всё переводить  🙂 . Когда я начал перевод в файлы PO и MO то офигел сразу 1114 строк перевода, но я усердно пыхтел и переводил, под конец начал тупо кидать в переводчик и вписывать в программе POEdit ( распишу прогу и перевод плагинов в следующем посту). Но как оказалось труд вышел напрасный. Файл задействуется только в платной версии. И я переводил всё сначала уже через notepad++ через час такого перевода в глазах темнеет. Так что получилось как всегда, а не как хотелось  🙂 

Когда активируете плагин, его меню появится в панели слева

Я расскажу об основных настройках, деталей там много, но все интуитивно понятны, так что разберётесь  🙂

  • Первая вкладка рассказывает что нового в плагине, её сразу пропускаем
  • Вторая Core Settings — Ядро Настроек или Основные Настройки

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

Во втором случае только для админов.

В третьем не показывается вообще.

  • Landing Page — в данном случае это означает ведущую или основную страницу. То есть по умолчанию Главная или ту которую выберите.
  • Custom Code — Пользовательский код, то есть свой код.
  • Дополнительно в Admin Mode — можно поэксперементировать с  Tools & Debug (Инструменты И Отладки) для ускорения загрузки. 

Ниже кнопка Предпросмотр Theme  — можете просмотреть как выглядит ваш сайт в 2 версиях. Обычной только суженной  и в мобильной версии, переключатель с обычной на мобильную находится в самом низу  Desktop Version | Switch To Mobile Version

Перейдём на Themes & Extensions

Если платить не хотим, то самая зелёная и есть наша тема. Bauhaus 1.1 , кликаем  «Настройка»

Здесь Вам всё понятно, наверное))

Во вкладке Branding вы можете изменить цвета темы, загрузить свой логотип и изменить подвал ( ну там, картошки положить, огурцов всяких…)

Самое интересное находится на пункте Menus (слева в панели wordpress) Здесь вы можете добавить иконки к пунктам меню вашего сайта которые есть у плагина.

Просто берёте и перетаскиваете понравившуюся иконку в нужное меню

На скрине посредине Предпросмотр

Ну вот как бы и всё. В принципе по умолчанию всё уже стоит как надо, только цвет, да иконки выберим сами. Вообщем эксперементируйте чаще, знаний будет больше. Спростите у Жириновского, он вам ответит,»Однозначно!».

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

Всем всего доброго! И до скорого…

ПоделитьсяTweetПоделитьсяGoogle