T3 — достаточно популярный фреймворк, позволяющий гибко настраивать созданные на нём шаблоны для Joomla. Панель настроек шаблона на T3 отличается удобным интерфейсом, оформленном в плоском стиле. Из обзора вы узнаете обо всех возможностях, которые привносит фреймворк Т3 Framework в свои шаблоны для Joomla.

Возможности Т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
    Стандартная вкладка, в которой можно назначать текущий стиль шаблона определенным пунктам меню.

Упоминаемые термины:

CSS, Joomla, Кастомизация, Стиль шаблона, Bootstrap