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

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

Хотите просмотреть мобильную версию своего сайта 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-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Задать вопрос