T3 — достаточно популярный фреймворк, позволяющий гибко настраивать созданные на нём шаблоны для Joomla. Панель настроек шаблона на T3 отличается удобным интерфейсом, оформленном в плоском стиле. Из обзора вы узнаете обо всех возможностях, которые привносит фреймворк Т3 Framework в свои шаблоны для Joomla.
Содержание
- Возможности фреймворка
- Интерфейс и настройки шаблонов
- Где скачать шаблоны на T3?
- Выводы и заключение
Возможности Т3 Framework
Важно знать:
Рассматривается T3 Framework версии 2.2.8 от 1 ноября 2018.
На официальном сайте перечислены банальные возможности фреймворка, подкрепленные эффектной GIF-анимацией:
- Максимальная адаптивность
Этим в настоящий момент никого не удивишь, а заслуга здесь не столько самого T3, сколько применяемого им CSS-фреймворка Bootstrap. - Мега-меню и меню «за холстом» (Off-canvas)
Не менее банальное «преимущество», имеющееся во всех современных шаблонах. - 2 базовых шаблона
Существует 2 бесплатных шаблона: один на Bootstrap 2, второй на Bootstrap 3. Учитывая, что на момент написания данного обзора существует Bootstrap 4, применять шаблон на второй версии CSS-фреймворка будет не рационально. - Наглядная кастомизация
Подразумевается кастомизация стилей с отслеживанием изменений во внешнем интерфейсе. Это удобная фича, которую на текущий момент нельзя назвать оригинальной: аналогичным функционалом наделены шаблоны на Warp 7 и YOOtheme Pro, который там реализован в разы лучше. - HTML5, Bootstrap и LESS
Без комментариев. - Гибкий конструктор макетов.
Конструктор действительно гибкий и имеет свои отличия от аналогов. - Иконочный шрифт Font Awesome
Не более чем поддерживаемая всеми шаблонами на Bootstrap возможность вставлять иконки из подключаемого к веб-страницам шрифта Font Awesome.
Как видим, среди других популярных фреймворков T3 ничем особенным не выделяется, однако отсутствие лишнего функционала не всегда является недостатком.
Интерфейс и настройки шаблонов
Интерфейс и настройки будем рассматривать на примере шаблона T3 BS3 Blank Template, квикстарт которого можно бесплатно скачать здесь:
Важно знать:
Все настройки шаблонов, предоставляемые фреймворками, находятся на странице Расширения → Шаблоны → Стили → [Нужный шаблон]
Интерфейс настроек стиля шаблона не сильно отличается от интерфейса админки Joomla 3, поэтому долго осваиваться не придется:
Верхняя панель
- Save
Сохранение стиля шаблона. При клике по боковой стрелке в выпадающем списке отобразятся варианты Save & Close и Save & Copy. - LESS to CSS.
Компилирует весь LESS-код в CSS. - Theme Magic
Переход в режим наглядной кастомизации во внешнем интерфейсе. Данный режим сильно уступает аналогичному функционалу в шаблонах на Warp 7 и на YOOtheme Pro в количестве настроек и качестве реализации, но в целом эта возможность не лишняя.
- Megamenu
Переход к функциональному конфигуратору мега-меню, который ничем не уступает аналогичному из Gantry 5, и даже превосходит его благодаря наглядной кастомизации. Здесь можно гибко настраивать пункты любого меню Joomla: добавлять CSS-классы, иконки (нет выпадающего списка для выбора, но при клике по заголовку Icon вы попадете на страницу с иконками), подписи, разделять выпадающие при наведении элементы на колонки и назначать в них модули.
- Close
Закрыть настройки стиля шаблона и перейти в менеджер стилей. - Help
При клике по этой кнопке откроется всплывающее окно с предложением быстро ознакомиться с панелью настроек.
Панель стилей
Под верхней панелью размещается панель стилей:
Из выпадающего списка Current Style можно выбрать существующий стиль текущего шаблона для быстрого перехода к его настройкам. Текстовое поле Название стиля является стандартной опцией для изменения названия текущего стиля.
Настройки стиля
Настройки стиля традиционно располагаются во вкладках:
- Overview
Общая информация о шаблоне и фреймворке с указанием версий. - General
Немногочисленные общие настройки и настройки оптимизации скорости загрузки. - Theme
Выбор темы с предустановленными стилями и настройки логотипа. - Layout
Конструктор макета, отличающийся простым, но функциональным интерфейсом.
В конструкторе нельзя менять позиции местами, зато нажав на Responsive Layout можно переключиться в режим настройки адаптивности, в котором наглядно можно настраивать макет под определённые размеры экрана (Large, Medium, Small, Extra Small): - Navigation
Настройки мега-меню: можно полностью отключить возможности мега-меню, которые настраиваются на странице Megamenu configuration (кнопка Megamenu в верхней панели), настроить анимацию и триггер для выпадающих элементов (при наведении или по клику), а также активировать мобильное меню, открывающееся при клике по иконке. - Add-ons
В этой вкладке находятся настройки встроенных дополнений для T3 Framework. - Custom Code
Четыре текстовых области для вставки любого пользовательского кода, который будет размещаться в определённом месте на всех страницах сайта. Также здесь можно активировать модульную позицию Debug. - Assigment
Стандартная вкладка, в которой можно назначать текущий стиль шаблона определенным пунктам меню.
Где скачать шаблоны на T3?
- www.t3-framework.org
На официальном сайте фреймворка T3 представлены для скачивания 2 бесплатных шаблона: T3 BS3 Blank (на Bootstrap 3) и T3 Blank (на Bootstrap 2). - www.themexpert.com
Страница с платными шаблонами от разработчика ThemeXpert.
Выводы и заключение
T3 Framework отличается минимализмом, удобным конструктором макетов и отличным редактором мега-меню, в то же время кастомизация стилей во внешнем интерфейсе оставляет желать лучшего. В отношении функционала и интерфейса настроек T3 напоминает Gantry 5, но с куда менее мощным конструктором макетов (без частиц).
Источник: Центр обучения Joomla