Gantry 5 — очень мощный в отношении функционала фреймворк, значительно упрощающий процесс создания сайтов на Joomla. В этом обзоре мы рассмотрим основные возможности и настройки фреймворка Gantry 5.
1. Возможности 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.
2. Принцип Gantry 5
Каждый разработчик пытается сделать свой фреймворк полезным в глазах администраторов сайтов, и особенно это касается разработчика RocketTheme и фреймворка Gantry 5, который после детального ознакомления может показаться не только полезным, но и вовсе незаменимым.
RocketTheme предлагает инновационную модель создания как внешней (структура страниц), так и внутренней (ссылочной) структуры сайта за счет массового использования стилей шаблонов.
Эта идея и её реализация наглядно демонстрируется в демоданных шаблона Helium: установите квикстарт Helium'a (скачать можно здесь), перейдите в Расширения → Шаблоны → Стили и вы увидите непривычно много стилей данного шаблона, применяемых к разным страницам.
Такой подход возможен благодаря системе так называемых частиц (particles) — различных элементов, которые можно встраивать в макет каждого отдельного стиля.
Если вы пока еще ничего не поняли, то приведем аналогию с конструктором страниц SP Page Builder:
- вы создаёте страницу в SPPB,
- конструируете страницу из строк, колонок и аддонов,
- назначаете страницу определённому пункту меню.
Создание страниц сайта в Gantry 5 практически идентично:
- вы создаёте стиль шаблона в SPPB,
- конструируете макет из строк, колонок и частиц,
- назначаете стиль определённому пункту меню.
Как видим, аналогом страниц в SPPB выступает стиль шаблона, а аналогом аддонов (элементов) являются частицы.
Конечно, это не значит, что для каждой страницы необходимо создавать отдельный стиль шаблона, также, как не обязательно создавать каждую страницу в SP Page Builder: Gantry 5 просто предлагает использовать новый подход, который можно легко совмещать с традиционным, используя определённый стиль шаблона по умолчанию для всех страниц.
3. Интерфейс и настройки шаблонов
Интерфейс и настройки будем рассматривать на примере шаблона Helium, квикстарт которого можно скачать здесь.
Попасть в панель компонента Gantry 5 можно одним из следующих способов:
- Компоненты → Gantry 5 Themes.
- Расширения → Шаблоны → Стили → [Стиль шаблона Gantry 5].
Как обычно бывает, на первый взгляд интерфейс кажется перенасыщенным, но на самом деле здесь нет ничего лишнего.
3.1. Меню панели управления
В верхнем меню (на синем фоне) находятся следующие пункты:
Outlines (схемы)
На этой странице в табличном виде представлены все стили (схемы) текущего шаблона на Gantry 5 с возможностью их редактирования и копировании.
Menu
Переход в функциональный редактор меню, в котором можно наглядно кастомизировать все пункты меню: назначать пунктам меню иконки, модули и частицы, определять ширину выпадающих элементов, добавлять подзаголовки и т. д. Это действительно стоящий инструмент, существенно расширяющий ограниченные возможности ядра Joomla 3.
About
Информация о шаблоне, а также ссылки на службу поддержки и документацию.
Extras
При клике откроется выпадающее меню с возможностью переключения режима (Development или Poduction), очистки кэша по клику на Clear Cache (данные не кэшируются в режиме Development) и перехода к настройкам компонента (Platform Settings).
3.2. Настройки схем
Схемой (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. Здесь определены значения для частиц по умолчанию.
4. Где скачать шаблоны на Gantry 5?
gantry.org
На официальном сайте фреймворка Gantry 5 представлены для скачивания 2 бесплатных шаблона: Helium и Hydrogen.rockettheme.com
Страница с платными и бесплатными шаблонами от разработчика фреймворка Gantry.themeforest.net
В списке имеется 21 платный шаблон на Gantry 5.
5. Выводы и заключение
Gantry 5 — инновационный фреймворк, кардинально отличающийся своим функционалом от любого другого. Особенного внимания заслуживают редактор меню и конструктор макетов, по сути являющийся глобальным конструктором страниц с большим количеством возможностей.