T3 Framework: возможности и настройки

Возможности Т3 Framework

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