Широкой востребованностью на сегодняшний день пользуются адаптивные шаблоны Joomla. Отметим, что часть из них распространятся бесплатно, что позволит существенным образом сэкономить.
В числе значительных преимуществ данного рода шаблонов можно отметить возможность адаптирования под экраны любого разрешения. Подобного рода шаблоны Joomla специально разрабатывались специалистами, чтобы люди, работающие с данным движком, могли без труда ими воспользоваться.
Как мы уже отмечали, современные адаптивные шаблоны отличаются рядом дополнительных параметров для экранов мониторов. Сегодня существует 4 основных типа размеров экранов:
- Планшеты (768 рх);
- Мониторы (980 рх);
- Телефоны и смартфоны (320 и 480 рх).
Отметим, что адаптивные Joomla шаблоны позволят веб-разработчикам создавать сайты, которые одинаково корректно отображались бы и на обычном мониторе, и на планшете. При этом шаблоны способствуют и тому, что полностью исключается потеря информации.
Чтобы увидеть шаблон «в действии», достаточно в настройках своего браузера изменить размер окна. Это позволит понять, как содержимое отдельных блоков начинает подстраиваться под различные параметры ширины страницы. Шаблоны Joomla 2.5 отлично работают с различными версиями движка Joomla.
Новые адаптивные шаблоны для Joomla вышли вслед за шаблонами для движка WordPress. Разработкой шаблонов для Joomla занимались представители компании TemplateMonster Russia. Отметим, что на протяжении 10 лет данного рода компания занимается производством уникальных шаблонов для сайтов, а также других онлайн-продуктов, которые необходимы веб-разработчикам.
Как сделать адаптивный шаблон самостоятельно?
На сегодняшний день количество адаптивных Joomla шаблонов достаточно велико, кроме того, шаблоны позволяют проиллюстрировать сайт любой тематики. При необходимости можно сделать шаблон адаптивного типа самостоятельно. Для этого необходимо задать в настройках максимальную ширину изображения. Max-width позволит предотвратить выход картинки за определенные рамки.
Чтобы сделать изображение, размер которого изменялся бы автоматически, необходимо воспользоваться свойствами max-width:100% и height: auto.
Установка минимального размера изображения возможна при помощи свойства min-width. Если какие-либо сложности все-таки возникнут, то рекомендуем скачать уже готовый адаптивный шаблон.
