Gantry 5 — очень мощный в отношении функционала фреймворк, значительно упрощающий процесс создания сайтов на Joomla. В этом обзоре мы рассмотрим основные возможности и настройки фреймворка Gantry 5.
Возможности Gantry 5
Gantry 5 — производительный фреймворк с открытым исходным кодом, постоянно обновляющийся и активно поддерживаемый как сообществом пользователей, так и самим разработчиком, как бы банально это не звучало. Но главной фишкой фреймворка являются его возможности, среди которых:
Редактор меню
В арсенале Gantry 5 имеется редактор меню, с помощью которого можно наглядно кастомизировать меню, создаваемые в менеджере Joomla.Конструктор макетов
Данный конструктор, несомненно, является главным козырем Gantry 5 также благодаря огромному количеству возможностей, функции перетаскивания и прекрасному интерфейсу.Частицы (Particles)
Частицами в Gantry 5 являются элементы, которые можно добавлять в макеты шаблонов.Технология Ajax
Данная технология позволяет сохранять любые изменения без перезагрузки страниц, чем обеспечивает дополнительное удобство при работе с Gantry 5.Возможность наследования настроек
В Gantry 5 имеется возможность копировать и наследовать настройки стилей шаблонов, что позволяет экономить много времени.Удобный интуитивный интерфейс
Фильтры, вкладки, информирование о не сохранённых изменениях, сохранение без перезагрузки, а также инструменты вроде Icon Picker, Image Picker, Font Picker серьёзно облегчают взаимодействие пользователей с Gantry 5.
Принцип Gantry 5
Каждый разработчик пытается сделать свой фреймворк полезным в глазах администраторов сайтов, и особенно это касается разработчика RocketTheme и фреймворка Gantry 5, который после детального ознакомления может показаться не только полезным, но и вовсе незаменимым.
RocketTheme предлагает инновационную модель создания как внешней (структура страниц), так и внутренней (ссылочной) структуры сайта за счет массового использования стилей шаблонов.
Эта идея и её реализация наглядно демонстрируется в демоданных шаблона Helium: установите квикстарт Helium'a (скачать можно здесь), перейдите в Расширения → Шаблоны → Стили и вы увидите непривычно много стилей данного шаблона, применяемых к разным страницам.
Такой подход возможен благодаря системе так называемых частиц (particles) — различных элементов, которые можно встраивать в макет каждого отдельного стиля.
Если вы пока еще ничего не поняли, то приведем аналогию с конструктором страниц SP Page Builder:
- вы создаёте страницу в SPPB,
- конструируете страницу из строк, колонок и аддонов,
- назначаете страницу определённому пункту меню.
Создание страниц сайта в Gantry 5 практически идентично:
- вы создаёте стиль шаблона в SPPB,
- конструируете макет из строк, колонок и частиц,
- назначаете стиль определённому пункту меню.
Как видим, аналогом страниц в SPPB выступает стиль шаблона, а аналогом аддонов (элементов) являются частицы.
Конечно, это не значит, что для каждой страницы необходимо создавать отдельный стиль шаблона, также, как не обязательно создавать каждую страницу в SP Page Builder: Gantry 5 просто предлагает использовать новый подход, который можно легко совмещать с традиционным, используя определённый стиль шаблона по умолчанию для всех страниц.
Интерфейс и настройки шаблонов
Интерфейс и настройки будем рассматривать на примере шаблона Helium, квикстарт которого можно скачать здесь.
Попасть в панель компонента Gantry 5 можно одним из следующих способов:
- Компоненты → Gantry 5 Themes.
- Расширения → Шаблоны → Стили → [Стиль шаблона Gantry 5].
Как обычно бывает, на первый взгляд интерфейс кажется перенасыщенным, но на самом деле здесь нет ничего лишнего.
Меню панели управления
В верхнем меню (на синем фоне) находятся следующие пункты:
Outlines (схемы)
На этой странице в табличном виде представлены все стили (схемы) текущего шаблона на Gantry 5 с возможностью их редактирования и копировании.
Menu
Переход в функциональный редактор меню, в котором можно наглядно кастомизировать все пункты меню: назначать пунктам меню иконки, модули и частицы, определять ширину выпадающих элементов, добавлять подзаголовки и т. д. Это действительно стоящий инструмент, существенно расширяющий ограниченные возможности ядра Joomla 3.
About
Информация о шаблоне, а также ссылки на службу поддержки и документацию.
Extras
При клике откроется выпадающее меню с возможностью переключения режима (Development или Poduction), очистки кэша по клику на Clear Cache (данные не кэшируются в режиме Development) и перехода к настройкам компонента (Platform Settings).
Настройки схем
Схемой (Outline) в Gantry 5 называется стиль шаблона. Под меню панели управления в Gantry 5 располагается выпадающий список с существующими схемами, при этом все настройки на странице относятся к схеме, отображаемой в списке. Настройки распределены по вкладкам:
Styles
В этой вкладке можно выбрать предустановленный набор стилей (preset). Под наборами стилей располагаются блоки, в которых можно кастомизировать общие для схемы стили (Core Styles) и стили для всех секций схемы по отдельности (Section Styles).
Layout
Здесь представлен мощный конструктор макетов. Процесс формирования макета идентичен процессу формирования страниц в каком-либо конструкторе страниц. В левой части страницы находятся существующие частицы, которые можно размещать в колонках. Конструктор макетов Gantry 5 обладает впечатляющим набором возможностей, описание которых выходит за рамки данного обзора.
Page Settings
Как упоминалось выше, схемы шаблонов в Gantry 5 могут создаваться как отдельные страницы сайта, и во вкладке Page Settings можно осуществлять настройки этих страниц:мета-теги, фавикон, пользовательский CSS и JS, Id и классы для тега <body> и некоторые другие.Particle Defaults
Эта вкладка доступна только для схемы Base Outline. Здесь определены значения для частиц по умолчанию.
Где скачать шаблоны на Gantry 5?
gantry.org
На официальном сайте фреймворка Gantry 5 представлены для скачивания 2 бесплатных шаблона: Helium и Hydrogen.rockettheme.com
Страница с платными и бесплатными шаблонами от разработчика фреймворка Gantry.themeforest.net
В списке имеется 21 платный шаблон на Gantry 5.
Выводы и заключение
Gantry 5 — инновационный фреймворк, кардинально отличающийся своим функционалом от любого другого. Особенного внимания заслуживают редактор меню и конструктор макетов, по сути являющийся глобальным конструктором страниц с большим количеством возможностей.
Упоминаемые термины:
CSS, Joomla, Квикстарт, Меню сайта, Модуль, Стиль шаблона, JavaScript, Favicon, AJAX, SP Page Builder