Как сделать мобильный сайт на WordPress

Сегодня все современные темы WordPress адаптивны под все устройства – телевизоры, компьютеры, планшеты, смартфоны, телефоны. На всех этих видах экранов страницы сайта отображаются корректно и не теряют функций. Адаптивность имеет большое значение при продвижении сайта. Однако, обладатели старых тем, у которых нет свойства адаптивности, будут сталкиваться с проблемой при продвижении.

В этой статье мы расскажем, как решить эту задачу, как сделать мобильный сайт на WordPress, даже если у вас старая тема. Мы покажем вам плагин, который умеет определять тип устройства, с которого зашёл пользователь. И если он определил мобильное устройство, то плагин будет показывать на сайте не вашу неадаптивную тему, а другую, пригодную для мобильного экрана. Это позволит сделать сайт адаптивным, не меняя старую тему.

Мобильный сайт на WordPress с помощью плагина WPSmart Mobile

Мобильный сайт на WordPress с помощью плагина

Итак, чтобы создать из неадаптивной темы мобильный сайт на WordPress, вам потребуется плагин WPSmart Mobile. Несмотря на английский язык интерфейса, плагин отличается простотой в использовании и стабильностью в работе.

Чтобы начать, установите этот плагин на свой сайт. Его можно найти в консоли WordPress в официальном хранилище по названию – WPSmart Mobile. После этого активируйте плагин, и перейдите в пункт «WPSmart», чтобы настроить его. Вы увидите четыре вкладки с опциями, давайте рассмотрим их.

Вкалдка «Settings»

Здесь находятся главные настройки плагина:

  • Site Title. Это заголовок для мобильного сайта на WordPress.
  • Site Logo. Логотип для мобильной версии.
  • Enable search from site header. Включает поиск.
  • Enable commenting in posts. Включает комментирование в записях.
  • Custom front page. Выбирается страница для главной.
  • Show post author and date. Показывает автора и дату записи.
  • Show tags when viewing a post. Показывает теги, метки.
  • Show categories when viewing a post. Показывает категории в посте.
  • Show image thumbnails in post listings (not applicable on some themes). Показывает миниатюры на странице с постами.
  • Show featured images on post pages. Показывает миниатюру в самом посте.
  • Можно установить код аналитики.
  • Можно установить код рекламы.

Вкладка «Themes»

Здесь можно выбрать три готовые темы, которые и будут представлять мобильный сайт на WordPress. К сожалению, выбор ограничен лишь тремя вариантами и другие темы загрузить нельзя.

Вкладка «Appearance»

В этой вкладке можно более тонко настроить любу тему. Тут можно оперировать цветами разных элементов дизайна. Вы сможете разобраться экспериментальным путём.

Вкладка «Menu»

Здесь находятся настройки для меню. Мобильный сайт на WordPress, созданный этим плагином может иметь отличное от основного сайта меню. Именно здесь можно создать индивидуальную навигацию.

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

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

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

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