101 урок для чайников

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

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

Вступление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

Еще уроки

WPforever

Недавние Посты

Простые и надежные решения firewall на WordPress сайте

Как установить брандмауэр firewall на Wordpress сайте.

2 года ago

Лучшие плагины безопасности WordPress

В этой статье вы найдете лучшие плагин безопасности и комплексной защиты WordPress сайта.

2 года ago

Первое знакомство с редактором Gutenberg WordPress

Общая ознакомительная информация про редактор Gutenberg WordPress.

2 года ago

Кого назначить администратором WordPress

Не спешите назначать новых администраторов сайта WordPress. Почти эту статью и подумайте.

2 года ago

Как отключить автоматическое обновление WordPress?

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

2 года ago

Как проверить SSL сертификат администрируемого сайта

Сервисы, чтобы проверить SSL сертификат сайта администратором.

2 года ago