Вы здесь:   Главная » Вебмастеру    »    Проверка отображения адаптивного шаблона на экране мобильного

Проверка отображения адаптивного шаблона на экране мобильного

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

Как проверить адаптивный сайт на WordPress?

В последних версиях движка WordPress, появились не только адаптивные темы оформления — по умолчанию, но и возможность просмотра сайта как на мобильном экране. Функция Доступна в разделе «Внешний вид» → «Настроить» либо по соответствующему пункту в верхней панеле (см. скриншот ниже).

Проверка адаптивного шаблона на нескольких экранах

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

В качестве примера, мы хотели бы представить веб-ресурс http://quirktools.com/screenfly/, который обладает максимально дружественным интерфейсом. Вводим адрес своего сайта в адресную строку по центру, и можем выбирать экран мобильного устройства и его разрешение.

P.S.

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

Расскажи друзьям:

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

Авторизоваться через: 

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

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: