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

Возможности 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:

1. вы создаёте страницу в SPPB,
2. конструируете страницу из строк, колонок и аддонов,
3. назначаете страницу определённому пункту меню.

Создание страниц сайта в Gantry 5 практически идентично:

1. вы создаёте стиль шаблона в SPPB,
2. конструируете макет из строк, колонок и частиц,
3. назначаете стиль определённому пункту меню.

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