Что такое адаптивный шаблон Joomla 3

: Категория: Шаблоны

С недавних пор в терминологии разработчиков и вебмастеров появился термин адаптивный шаблон или адаптивный (адаптированный) дизайн сайта (responsive websites). Адаптивные шаблоны разрабатываются по специальной технологии, имеют свои макеты и стили CSS.

Начало истории

Эпоха адаптированных шаблонов началась с выхода Joomla 3. В этой версии CMS был внедрен Framework «Bootstrap», который со своей библиотекой CSS стилей, позволил в упрощенном виде менять дизайн сайта, используя визуальные редакторы стиле без знаний языка CSS.

Именно Framework «Bootstrap» позволил создавать шаблоны с адаптированным дизайном.

Bootstrap Blog

Что называют адаптивный шаблон Joomla 3

Определение адаптированного шаблона звучит так.

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

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

Как проверить корректность адаптивного дизайна

Чтобы найти сервис проверок, как выглядит ваш сайт на мобильных устройствах, достаточно ввести поиск по фразам:

responsive websites
проверка адаптивности
как выглядит сайт на разных устройствах

Рекомендую:

Сервис проверки Google: https://search.google.com/test/mobile-friendly?hl=ru
Яндекс.Вебмастер: Вкладка Инструменты>>>Проверка мобильной версии (https://webmaster.yandex.ru/site/tools/mobile-friendly/)
Google Search Consol: Вкладка Сканирование>>> Просмотреть как Googlebot
Сервис: quirktools.com/screenfly
Сервис: www.responsinator.com

Google Search Console responsive websites

yandex web masters

В чём отличия мобильной версии сайта от адаптивного дизайна

Как я сказал выше, адаптивный дизайн сайта достигается использованием адаптивного шаблона. Он позволяет сайту подстраивать дизайн под тип устройства, на котором сайт смотрят.

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

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

Фреймворки используемые авторами Joomla шаблонов

Framework «Bootstrap» является системным и используется на Joomla 3 по умолчанию. Однако, авторы шаблонов Joomla чаще используют свои фреймворки для создания своих шаблонов. Вот несколько из них:

T3 Framework (joomlart.com, icetheme.com)
Yjsg Framework (youjoomla.com)
Gantry Framework (rockettheme.com)
Warp Theme Framework (yootheme.com)
YT framework (smartaddons.com)
Vertex Framework (shape5.com)
Zo2Framework (zootemplate.com)
Grid Framework (joomlabamboo.com)
Sparky Framework (hotjoomlatemplates.com)
Helix3 framework (agethemes.com)

В завершении последняя версия Bootstrap 3.3.7 released (http://blog.getbootstrap.com/2016/07/25/bootstrap-3-3-7-released/).

Bootstrap 3.3.7 released

Вывод

Адаптивный шаблон Joomla позволяет в режиме визуального конструктора, без знаний CSS и других языков программирования самостоятельно, менять разметку шаблона, убирать и добавлять модули, менять их цвет и фон и делать массу других редакций.

©Joomla3-x.ru