WP Touch - как создать мобильную версию сайта

WP Touch - как создать мобильную версию сайта, WordPress, как создать мобильную версию сайта, Мобильная версия сайта, WP, WP Touch, WPtouch, WPtouch Mobile Plugin, Mobile, WP Touch Pro, Настройка, Настройка Плагина, Плагин, Плагин WordPress

Как создать мобильную версию сайта? Наверное это долго, нудно и сложно. Именно так я думал раньше, как ни странно, но я нашёл плагин для WordPress, который легко поможет сделать мобильную версию сайта - WP Touch.


В нём нет ничего сложного, он устанавливается и работает сразу-же. Остальное время уходит на настройку внешнего вида "мини" версии сайта. Я потратил, где-то, минут 20 на полную "кастомизацию", то есть на настройку дизайна мобильного сайта под себя.

Пошаговая инструкция

Для начала вам нужно зайти в Консоль (Админ. панель) вашего сайта, найти раздел Плагины - Добавить новый. В поиске написать: WP Touch и нажать Поиск плагинов. Вверху отобразиться WPtouch Mobile Plugin - это он и есть. Нажимаете на кнопку Установить, а после Активируете его.

Плагин установлен. Настройка

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

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


В разделе Theme Settings я зашёл в подраздел Branding, где настроил цветовую гамму.

  • Theme background - отвечает за Фон сайта
  • Header & Menu - Шапка (Верх) сайта и цвет Меню
  • Links - Ссылки и цвет Заголовков ваших новостей
  • Post/Page Headers - Цвет, который будет вокруг поля названия, это внутри самой статьи (новости), если смотреть через мобильную версию
  • Site Logo - Логотип вашего сайта
  • Theme Footer - Текст или код футера (подвала) или, проще говоря, пространства в самом низу вашего сайта
  • Typography - Выбор Шрифта
  • Sharing - Отображение ссылок на разные Социальные сети
  • Footer Social Links - Здесь вам нужно вписать соответствующие ссылки на сети, в которых вы зарегистрированы

Bookmark Icons

  • Icon Title - Название вашего сайта
  • Android - логотип вашего сайта для Android
  • iPhone & iPod touch - логотип вашего сайта для Apple устройств

General

  • Blog - Количество новостей, которые будут отображаться на сайте
  • Post thumbnails - Что будет отображаться в открытой новости
  • Featured Slider - Слайдер на главной странице сайта. Эта как раз та штука, которая отображается вверху сайта и прокручивает картинки последних новостей.

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

Menus

Theme Menu

Header Menu - Выбор меню, которое будет отображаться на сайте

Menu Setup - Оформление меню. Для того, чтобы поставить свою иконку (картинку) к названию меню нужно всего-лишь перетащить понравившуюся картинку из правой колонки в левую, прямо на старый логотип.

  • Icon Set - Переключатель различных тем оформления. Он находится над правым полем. Если вам хочется сменить картинки или поставить свои, то это тоже возможно.

Icon Upload & Sets

  • Icon Upload - Вы можете загрузить свою иконку (картинку) нажав  Upload Icon и выбрав соответствующее изображение, после нажав Открыть.
  • Icon Sets - Загрузка дополнительных тем для иконок. Выбираете тему и справа нажимаете Install и сразу же на появившееся Installing. После снова идёте в Menu Setup и в Icon Sets выбираете то, что загрузили или установили.

Остальные разделы этого плагина для движка WordPress будут говорить о неком WP Touch Pro, и показывать, что у него есть столько возможностей и различных тем оформления. Но, проблема в том, что он платный.

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

WP Touch - как создать мобильную версию сайта обновлено: Апрель 3, 2016 автором: Александр