Настройка адаптивной версии сайта WordPress

Вступление

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

Где взять адаптивный шаблон

Адаптивный шаблон сайта WordPress — это не проблема, так как подавляющее большинство шаблонов адаптивны по определению. На сегодня для адаптивности сайта не нужны сторонние плагины, не нужно работать с мобильной версией сайта. Ничего этого ненужно, если у вас нет такой задачи. Для адаптивности сайта достаточно работать на адаптивной теме WordPress.

Настройка адаптивной версии сайта WordPress

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

Сделать это можно на вкладке Внешний вид>>>Темы, выбрав рабочую тему для настройки. Можно выбрать любую другую установленную тему и посмотреть как она выглядит в адаптивном варианте.

настройка темы wp

Вы видели эту картинку настроек внешнего вида в других уроках, однако я никогда не обращал ваше внимание на значки внизу меню настроек.

Настройка адаптивной версии сайта

Это и есть кнопки переключения вашего шаблона в варианты просмотра на планшете и мобильном устройстве.

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

Например, вам нужно поменять название сайта. Жмёте на «карандаш» у заголовка и в меню настроек меняете название. Или поменять меню, Жмёте на «карандаш» у меню и редактируете меню.

настройка меню для планшета
настройка меню для планшета
настройка меню
настройка меню для desktop

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

После окончания настроек, не забудьте сохраниться (опубликовать).

Читать:  Что такое метки WordPress сайта, урок 66

Как проверить адаптивность

В сети масса сервисов для проверки адаптивности сайта, но можно использовать два базовых. В инструментах веб-мастеров Яндекс (вкладка Инструменты>>>Проверка мобильных страниц) и Google (https://search.google.com/test/mobile-friendly).

Вывод

Как видите, настройка адаптивной версии сайта WordPress из панели сайта очень проста. Более сложные проблемы адаптивности в следующих уроках.

Еще уроки

1 комментарий к “Настройка адаптивной версии сайта WordPress”

  1. Сколько можно уже с этим кэшированием? Вы даже не правильно пишете это слово. Ничего кроме проблем с плагинами, с настройкой сайта, правильным, порой, отображением контента это не приносит. Это не более чем маркетинговый ход людей впаривающих вам СЕО . Если бы эта, как бы это по мягче сказать технология реально работала, то разработчики WordPress (которые являются в большей степени специалистами в своей области, чем мы все здесь вместе взятые), давным-давно реализовали бы ее на уровне ядра.

    Ответить

Оставьте комментарий