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

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

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

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

Способ 1. Настройщик темы ВордПресс

Вы можете просматривать мобильную версию ресурса в Кастомайзере активной темы. Для этого

  1. Откройте Внешний вид -> Настроить.

Админ-меню WordPress

В результате откроется Настройщик темы. Количество опций и настроек зависит от темы.

Кастомайзер WordPress

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

Выбор устройства для вывода в Кастомайзере WordPress

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

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

Способ 2. Встроенные инструменты Google Chrome

В браузере Google Chrome есть набор инструментов для разработчиков. Они позволяют проводить различные проверки на любом сайте, в том числе просмотр того, как сайт выглядит на мобильных устройствах.

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

Сайт в Chrome

В новой панели найдите и нажмите кнопку Toggle device toolbar.

Toggle device toolbar в Chrome

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

Мобильная версия сайта в Chrome

Верхняя панель кнопок позволит имитировать экран мобильного устройства: увеличивать масштаб, размеры экрана, смоделировать производительность сайта на быстрых или медленных 3G-соединениях, вращать экран мобильного телефона.

Панель инструментов Toggle device toolbar в Chrome

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

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Задать вопрос