Адаптивный дизайн — подход, при котором интерфейс подстраивается под доступную ширину и условия просмотра. Для Joomla это позволяет использовать одни страницы на телефонах, планшетах и настольных устройствах.
Основные приёмы
Гибкие сетки и размеры помогают содержимому занимать доступное место. Медиазапросы позволяют менять оформление при определённых условиях, а адаптивные изображения — выбирать подходящий файл. Точки изменения макета выбирают по содержимому, а не только по названиям устройств.
Адаптация не сводится к уменьшению всей страницы. Текст должен оставаться читаемым, элементы управления — удобными, а таблицы и длинные строки — управляемыми без потери информации.
Проверка Joomla
В Joomla проверяют не только демонстрационную страницу шаблона, но и реальные материалы, меню, формы и модули. Вставленные таблицы, фиксированная ширина картинок и сторонние виджеты часто создают горизонтальное переполнение.
После изменений Joomla тестируют на нескольких ширинах, при увеличении текста и на реальных устройствах. Проверяют клавиатуру, ориентацию экрана и раскрывающиеся элементы. Удобство на узком экране не заменяет проверку доступности.
Вывод
Адаптивный дизайн сохраняет содержание и основные действия при разных условиях просмотра. Его оценивают по реальным страницам и сценариям.