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

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

Эксперты утверждают, что в 2015 году в мире будет уже 3 миллиарда телефонов. То есть практически у каждого второго будет смартфон.

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

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

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

Существует два варианта плагина WPtouch (бесплатная версия) и WPtouch PRO (платная версия). Но в принципе на первых порах для нормальной работы вам будет достаточно и бесплатной версии. Поэтому давайте сейчас и разберем, как сделать мобильную версию сайта WordPress с помощью бесплатной версии плагина WPtouch.

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

 

Итак, переходим непосредственно к установке и настройке плагина.
Установка начинается как обычно с загрузки плагина. Как загружаются плагины, я думаю, вы уже знаете. Но вкратце все, же напомню. Заходим в раздел «Плагины», «Добавить новый». Потом в строке поиска набираем название WPtouch и когда система находит необходимый плагин нажимаем кнопку «Установить». Все плагин установлен.
Теперь переходим к обзору и настройке.

Настройка мобильной версии WordPress

Начнем с раздела «Меню».

Заходим в боковой панели сайта в строку «WPtouch», «Меню». Здесь есть три закладки:

• «Тематические меню» — можно выбрать, что конкретно будет в вашем меню и где оно будет вверху или внизу;
• «Настройка меню» — для каждой рубрики на вашем сайте можно подобрать и поставить соответствующую картинку;
• «Загрузка и наборы значков» — здесь загружаются все иконки, можно загрузить абсолютно любую иконку или воспользоваться какой-нибудь из уже существующих. 

В данном разделе полностью настраивается внешний вид сайта по вашему вкусу. Поэтому не спеша изучите, что там есть и настройте это все под себя. Просматривать проделанные изменения можно с помощью кнопки «Посмотреть тему». Находится она в самом низу текущей страницы.

После того как вы сделаете все соответствующие настройки ваш сайт на экране мобильного телефона будет выглядеть примерно таким образом.

И вот так (когда запись открыта):

Параметры темы

Что здесь нужно настроить:

1. Общие

• количество записей в списках блога — я рекомендую показывать 7 статей;
  • исключенные категории – здесь можно исключить те категории, которые вы не хотите, чтобы они были видны в мобильной версии;
  • исключенные теги – тоже можно исключать лишние вам не нравящиеся теги;
  • далее настраиваем так называемый тип привюшек (эскизы записей) – я рекомендую поставить «Список блога, одиночные записи». Достаточно удобная штука;
  • потом ставим такие галочки как: «Показать категории записей и теги», «Показать дату публикации», «Показывать кружочки с комментариями на публикациях», «Показывать поиск в колонтитуле».
  • ставим галочку «Показать комментарии на страницах».
  • в графе «Готовый слайдер» ставим галочки:
  • включить готовый слайдер;
    •  автоматический слайд;
    • популярные записи на линейке также отражены в листингах;
    • и в рамочке выбрать « Показать последние посты».

2. Фирменная символика.

Здесь есть возможность:

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

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

Базовые настройки мобильной версии сайта на Вордпресс

1. Общие

• название и автор сайта – заполняем;
• определение региона – выбираем русский язык;
• режим отображения ставим нормальный;
• начальная страница – отмечаем любой приглянувшийся вам пункт. У меня, например, стоит пункт «Выбрать из страниц WordPress»;
• режим администратора – оставляем по умолчанию.

2. Совместимость

Здесь есть возможность сделать исключение:

• короткие коды – исключать будете, когда это вам уже понадобится, вы это поймете. Потому, что есть такие коды в ваших статьях, которые можно убрать, например запуск видео и т.д. Но в принципе данное меню лучше не трогать;
• filter URLs — это более интересная и применимая функция. Вносимые сюда страницы при загрузке мобильного приложения не будут изменяться;
• заданные агенты пользователя – данной функцией я не пользовалась и, честно говоря, не совсем понимаю, для чего она предназначена.

Раздел «Темы и Расширения»

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

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