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:

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

Полезно знать!
В конструкторе макетов можно создавать собственные модульные позиции с помощью частицы Module Position.
  • Page Settings
    Как упоминалось выше, схемы шаблонов в Gantry 5 могут создаваться как отдельные страницы сайта, и во вкладке Page Settings можно осуществлять настройки этих страниц:мета-теги, фавикон, пользовательский CSS и JS, Id и классы для тега <body> и некоторые другие.

  • Particle Defaults
    Эта вкладка доступна только для схемы Base Outline. Здесь определены значения для частиц по умолчанию.

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

CSS, Joomla, Меню сайта, Стиль шаблона, JavaScript, Favicon, AJAX