1. Что такое шаблонный фреймворк?
  2. Таблица сравнения
  3. T3 Framework
  4. Helix 3 Framework
  5. Helix Ultimate Framework
  6. Warp 7 Framework
  7. YOOtheme Pro
  8. Gantry 5 Framework
  9. Astroid Framework
  10. Выводы

Joomla является одной из лучших CMS, для которой существует огромное количество шаблонов, созданных на разных фреймворках. В этом материале рассмотрим лучшие фреймворки шаблонов для Joomla и сравним их возможности в таблице.

Примите к сведению
Цель материала — помочь пользователям выбрать шаблон, основываясь на возможностях фреймворка.

Что такое шаблонный фреймворк?

Шаблонный фреймворк — это каркас, на котором базируется шаблон для Joomla. Фреймворк содержит базовый набор функций, список которых может быть расширен разработчиком шаблона. Основной набор функций, предлагаемых шаблонным фреймворком, относится именно к шаблону и находится в настройках стилей шаблона (Расширения → Шаблоны → Стили), но некоторые современные фреймворки расширяют не только возможности шаблона, но и самой Джумлы, добавляя новые функции в компоненты ядра.

Таблица сравнения

Мы начнём с самой важной составляющей данного материала — таблицы, сравнивающей возможности 7-ми бесплатных шаблонов на лучших фреймворках, краткое описание которых представлено ниже. Вы можете кликнуть по названию фреймворка в таблице, чтобы перейти к его описанию.

Полезно знать!
В таблице рассматриваются настройки, представленные в панели управления. Если настройка не представлена в панели управления, но может быть легко осуществлена на уровне кода, то она всё равно не учитывается.
❌ Возможность отсутствует.
✔️ Возможность предусмотрена.
❓ Пояснение при наведении.
Важно знать!
Оценка отдельных критериев сравнения является субъективной.

Сокращения:

  • T3 - Шаблон T3 BS3 на фреймворке T3.
  • H3 - Шаблон Helix 3 на фреймворке Helix 3.
  • HU - Шаблон Helix Ultimate на фреймворке Helix Ultimate.
  • As - Шаблон Astroid на фреймворке Astroid.
  • W7 - Шаблон Master 2 на фреймворке Warp 7.
  • YP - Yootheme Pro.
  • G5 - Шаблон Helium на фреймворке Gantry 5.
Полезно знать!
В таблице представлены возможности кастомизации бесплатных шаблонов от разработчиков фреймворков. Возможностей на платных шаблонах от сторонних разработчиков может быть больше, но рассматриваемый базовый функционал сохраняется.
Возможности бесплатных шаблонов на разных фреймворках
Удобство администрированияT3H3HUAsW7YPG5
Сохранение без перезагрузки ✔️ ❌ ✔️ ✔️ ✔️ ✔️ ✔️
Предпросмотр изменений ❓ ❌ ❓ ❓ ❓ ❓ ❌
Сигналы о несохраненных изменениях ✔️ ❌ ❌ ❌ ❌ ❓ ✔️
Интерфейс настроек ❓ ❓ ❓ ❓ ❓ ❓ ❓
Дополнительные возможностиT3H3HUAsW7YPG5
Закрепление меню (Sticky Header) ❌ ✔️ ✔️ ✔️ ✔️ ✔️ ❌
Favicon ❌ ✔️ ✔️ ✔️ ❌ ✔️ ✔️
Apple Touch Icon ❌ ❌ ❌ ❌ ❌ ✔️ ✔️
Ссылки на соцсети ❌ ✔️ ✔️ ✔️ ❌ ✔️ ❓
Предзагрузчик (Preloader) ❌ ❓ ❓ ❓ ❌ ❌ ❌
Наличие опции ❌ ✔️ ✔️ ✔️ ❌ ❌ ❌
Предпросмотр предзагрузчика ❌ ❌ ❌ ✔️ ❌ ❌ ❌
Кастомизация предзагрузчика ❌ ✔️ ❌ ✔️ ❌ ❌ ❌
Кнопка «Наверх» ❌ ❓ ❓ ❓ ❓ ❓ ❓
Наличие опции ❌ ✔️ ✔️ ✔️ ✔️ ❓ ❓
Закреплённая кнопка ❌ ✔️ ✔️ ✔️ ✔️ ❌ ❌
Кастомизация кнопки ❌ ❌ ❌ ✔️ ❌ ✔️ ✔️
Логотип и вариации ❓ ❓ ❓ ❓ ❌ ❓ ❓
Текст/изображение ✔️ ✔️ ✔️ ✔️ ❌ ✔️ ✔️
Лого для мобильных ✔️ ✔️ ✔️ ✔️ ❌ ✔️ ❌
SVG-логотип ❌ ❌ ✔️ ❌ ❌ ✔️ ✔️
Инвертированный логотип ❌ ❌ ❌ ❌ ❌ ✔️ ❌
Кастомизация стилейT3H3HUAsW7YPG5
Типография (настройки шрифтов) ❓ ❓ ❓ ❓ ❓ ❓ ❓
Элементы макета ❓ ❓ ❓ ❓ ❓ ❓ ❓
Прочие элементы шаблона ❓ ❓ ❓ ❓ ❓ ❓ ❓
Настройки макетаT3H3HUAsW7YPG5
Резиновый/коробочный макет ❌ ✔️ ✔️ ✔️ ❌ ✔️ ✔️
Изменение точек адаптивности ✔️ ❌ ❌ ❌ ✔️ ✔️ ✔️
Конструктор макетаT3H3HUAsW7YPG5
Наличие конструктора ✔️ ✔️ ✔️ ✔️ ❌ ❓ ✔️
Назначение модульных позиций ✔️ ✔️ ✔️ ✔️ ❌ ❌ ✔️
Создание модульных позиций ❌ ❌ ❌ ❌ ❌ ❌ ✔️
Формирование сетки макета ❓ ❓ ❓ ❓ ❌ ❓ ❓
Добавление строк ❌ ✔️ ✔️ ✔️ ❌ ❓ ✔️
Добавление строки в строку ❌ ❌ ❌ ✔️ ❌ ❓ ✔️
Несколько элементов в колонке ❌ ❌ ❌ ✔️ ❌ ❓ ✔️
Перетаскивание элементов ❌ ✔️ ✔️ ✔️ ❌ ❓ ✔️
Дублирование элементов ❌ ❌ ❌ ✔️ ❌ ❓ ❌
Кастомизация элементов сетки ❓ ❓ ❓ ❓ ❌ ❓ ❓
Анимация элементов ❌ ❌ ❌ ✔️ ❓ ❓ ❌
Резиновые строки ❌ ✔️ ✔️ ✔️ ❌ ❓ ✔️
Фон для строк ❌ ✔️ ✔️ ✔️ ❌ ❓ ❌
Адаптивность элементов сетки ❓ ❓ ❓ ❓ ❓ ❓ ❓
Размеры колонок для разных экранов ✔️ ✔️ ✔️ ✔️ ❌ ❓ ❌
Скрытие элементов на разных экранах ✔️ ✔️ ✔️ ✔️ ❓ ❌ ❌
Настройки материаловT3H3HUAsW7YPG5
Мета-теги Open Graph ❌ ❓ ❓ ❓ ❌ ❌ ❌
Связанные материалы ❌ ❌ ❌ ✔️ ❌ ❌ ❓
Рейтинг без перезагрузки ❌ ✔️ ✔️ ✔️ ❌ ❌ ✔️
Кнопки «Поделиться» ❌ ❓ ❓ ❓ ❓ ❌ ❌
Время чтения материала ❌ ❌ ❌ ✔️ ❌ ❌ ❌
Типы материалов ❌ ❓ ❓ ❓ ❌ ❌ ❌
Значки для материалов ❌ ❌ ❌ ✔️ ❌ ❌ ❌
Блок «Об авторе» ❌ ❌ ✔️ ✔️ ❌ ❌ ❌
Настройки менюT3H3HUAsW7YPG5
Подзаголовки пунктов меню ✔️ ❌ ❌ ✔️ ✔️ ✔️ ✔️
Выравнивание мега-меню ✔️ ✔️ ✔️ ✔️ ❌ ✔️ ✔️
Метка для пункта меню ❌ ❌ ✔️ ❌ ❌ ❌ ❌
Мега-меню по клику ✔️ ❌ ❌ ✔️ ❌ ❌ ✔️
Выбор анимации для мега-меню ❓ ❓ ❓ ❓ ❌ ❌ ✔️
Offcanvas-меню ✔️ ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
Выбор анимации для Offcanvas ❌ ❓ ❓ ❓ ❌ ❓ ❌
Иконки в пунктах меню ❓ ❓ ❓ ❓ ❓ ❌ ❓
Добавление иконки ✔️ ✔️ ✔️ ✔️ ✔️ ❌ ✔️
Предпросмотр иконок ❌ ❌ ❌ ✔️ ✔️ ❌ ✔️
Только иконка ❌ ✔️ ✔️ ✔️ ❌ ❌ ✔️
Размер иконки ❌ ❌ ❌ ❌ ❌ ❌ ✔️
Поворот иконки ❌ ❌ ❌ ❌ ❌ ❌ ✔️
Анимация вращения иконки ❌ ❌ ❌ ❌ ❌ ❌ ✔️
Конструктор мега-меню ❓ ❓ ❓ ❓ ❌ ❌ ❓
Модули в мега-меню ✔️ ✔️ ✔️ ✔️ ❌ ❌ ✔️
Фиксированная ширина мега-меню ✔️ ✔️ ✔️ ✔️ ✔️ ❌ ✔️
Колонки в мега-меню ✔️ ✔️ ✔️ ✔️ ✔️ ✔️ ✔️
Строки в мега-меню ✔️ ❓ ✔️ ✔️ ❌ ❌ ❌
Мега-меню во вложенных пунктах ✔️ ❌ ❌ ❌ ❌ ❌ ❌
Скорость загрузкиT3H3HUAsW7YPG5
Базовая скорость ❓ ❓ ❓ ❓ ❓ ❓ ❓
Минификация кода и объединение файлов ✔️ ✔️ ✔️ ❌ ✔️ ✔️ ❌
Отложенная загрузка изображений ❌ ❌ ❌ ❌ ❌ ✔️ ❌
Отключение Bootstrap ❌ ❌ ❌ ❌ ✔️ ✔️ ❌
Страница ошибкиT3H3HUAsW7YPG5
Кастомизация страницы ❌ ❓ ❓ ❓ ❌ ❌ ❓
Фоновое изображение ❌ ✔️ ✔️ ❌ ❌ ❌ ✔️
Логотип ❌ ✔️ ✔️ ❌ ❌ ❌ ✔️
Текст для кнопки перехода ❌ ❌ ❌ ✔️ ❌ ❌ ✔️
Пользовательский контент ❌ ❌ ❌ ✔️ ❌ ❌ ✔️
Пользовательский кодT3H3HUAsW7YPG5
Любой код перед </head> ✔️ ✔️ ✔️ ✔️ ❌ ❌ ❌
Любой код перед </body> ✔️ ✔️ ✔️ ✔️ ❌ ❌ ✔️
Любой код после <head> ✔️ ❌ ❌ ❌ ❌ ❌ ❌
Любой код после <body> ✔️ ❌ ❌ ❌ ❌ ❌ ✔️
Пользовательский CSS-код ❓ ✔️ ✔️ ✔️ ❌ ✔️ ❓
Пользовательский JS-код ❓ ✔️ ✔️ ✔️ ✔️ ✔️ ❓
Пользовательские CSS-файлы ❌ ❌ ❌ ✔️ ❌ ❌ ✔️
Пользовательские JS-файлы ❌ ❌ ❌ ✔️ ❌ ❌ ✔️
Упоминаемые термины:

CSS, HTML, Joomla, Кастомизация, Материал, Шаблон, CMS, Favicon, Helix Ultimate, Open Graph, Bootstrap