Введение
В этой статье вы узнаете, что такое Gantry 5 Framework, каковы основные концепции, лежащие в его основе, и как начать работу с фреймворком следующего поколения, а также рассмотрим основные возможности и настройки Gantry 5.
Gantry 5 — это новейшее поколение мощного и гибкого фреймворка с открытым исходным кодом для создания шаблонов, который в настоящее время доступен для Joomla, WordPress и Grav.
Одной из основных целей разработки Gantry 5 было предоставление возможности, значительно упрощающий процесс создания сайтов на Joomla и как он может невероятно упростить управление вашим сайтом.
Установка Gantry 5
Где скачать расширение?
-
С сайта фрамеворка Gantry 5.
Установка расширения выполняется согласно общепринятым процедурам Joomla!.
Сначала устанавливаем компонент - затем шаблоны.
Фрамеворк комплектуется двумя бесплатными шаблонами Helium и Hidrogen. Оба шаблона похожие, но у Helium - больше возможностей.
Я бы рекомендовал сначала использовать тему Hidrogen.
Вся дальнейшая информация будет касаться только Hidrogen Theme.
Возможности 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 имеет мощный и простой в использовании менеджер макетов, который обеспечивает наглядное управление макетом.
Принцип работы Gantry 5
Каждый разработчик пытается сделать свой фреймворк полезным в глазах администраторов сайтов, и особенно это касается разработчика RocketTheme и фреймворка Gantry 5, который после детального ознакомления может показаться не только полезным, но и вовсе незаменимым.
RocketTheme предлагает инновационную модель создания как внешней (структура страниц), так и внутренней (ссылочной) структуры сайта за счет массового использования стилей шаблонов.
Эта идея и её реализация наглядно демонстрируется в демоданных шаблона Hidrogen. После его установки перейдите в Система → Шаблоны → Стили сайта и вы увидите непривычно много стилей данного шаблона, применяемых к разным страницам.
Такой подход возможен благодаря системе так называемых частиц (particles) — различных элементов, которые можно встраивать в макет каждого отдельного стиля.
Интерфейс и настройки шаблонов
Интерфейс и настройки будем рассматривать на примере шаблона Hidrogen.
Попасть в панель компонента Gantry 5 можно одним из следующих способов:
-
В админке заходим - Система → Шаблоны → Стили сайта → [Стиль шаблона Hidrogen]. Сразу выбираем стиль по умолчанию - (Рис. 1).
-
Там же - открываем меню Компоненты → Gantry 5 Themes → Default Theme. Попадаем на страницу базового шаблона Hidrogen по умолчанию Base Outline - (Рис. 2)
Как обычно бывает, на первый взгляд интерфейс кажется перенасыщенным, но на самом деле здесь нет ничего лишнего - (Рис. 2).
Меню панели управления
В верхнем меню (на синем фоне) [Рис.2] - находятся следующие пункты:
-
Outlines (схемы) - (Рис. 3)
На этой странице в табличном виде представлены все стили (схемы) текущего шаблона на Gantry 5 с возможностью их редактирования и копировании.
Рис. 3 - Outlines (схемы) -
Menu - (Рис. 4)
Переход в функциональный редактор меню, в котором можно наглядно кастомизировать все пункты меню: назначать пунктам меню иконки, модули и частицы, определять ширину выпадающих элементов, добавлять подзаголовки и т. д. Это действительно стоящий инструмент, существенно расширяющий ограниченные возможности ядра Joomla 5.
Рис. 4 - Menu -
About - (Рис. 5)
Информация о шаблоне, а также ссылки на службу поддержки и документацию.
Рис. 5 - About, Extras -
Extras - (Рис. 5)
При клике откроется выпадающее меню с возможностью переключения режима (Development), очистки кэша по клику на Clear Cache (данные не кэшируются в режиме Development) и перехода к настройкам компонента (Platform Settings).
Внимание! После просмотра вкладок Меню панели управления, и чтобы вернуться в начало панели инструментов на странице стиля шаблона - нажмите кнопку Back to Setup.
Настройки схем
Схемами (Outline) в Gantry 5 называется стиль шаблона. Под меню панели управления в Gantry 5 располагается выпадающий список с существующими схемами, при этом все настройки на странице относятся к схеме, отображаемой в списке. Настройки распределены по вкладкам:
-
Layout - см. выше (Рис. 2)
Здесь представлен мощный конструктор макетов. Процесс формирования макета идентичен процессу формирования страниц в каком-либо конструкторе страниц. В левой части страницы находятся существующие частицы, которые можно размещать в колонках. Конструктор макетов Gantry 5 обладает впечатляющим набором возможностей, описание которых выходит за рамки данного обзора.
-
Styles - (Рис. 6)
В этой вкладке можно выбрать предустановленный набор стилей (preset). Под наборами стилей располагаются блоки, в которых можно кастомизировать общие для схемы стили (Core Styles) и стили для всех секций схемы по отдельности (Section Styles).
Рис. 6 - Styles -
Page Settings - (Рис. 7)
Как упоминалось выше, схемы шаблонов в Gantry 5 могут создаваться как отдельные страницы сайта, и во вкладке Page Settings можно осуществлять настройки этих страниц: meta-теги, favicon, пользовательский CSS и JS, Id и классы для тега <body> и некоторые другие.
Рис. 7 - Page Settings -
Particle Defaults - (Рис. 8)
Эта вкладка доступна только для схемы Base Outline. Здесь определены значения для частиц по умолчанию.
Рис. 8 - Particle Defaults
Полезно знать! — В конструкторе макетов можно создавать собственные модульные позиции с помощью частицы Module Position.
Где скачать Gantry 5 Framework для Joomla?
-
С сайта фрамеворка Gantry 5.
В комплект входит Gantry 5 Component + два бесплатных шаблона: Helium Theme и Hidrogen Theme.
Заключение
Gantry 5 — инновационный фреймворк, кардинально отличающийся своим функционалом от любого другого. Особенного внимания заслуживают редактор меню и конструктор макетов, по сути являющийся глобальным конструктором страниц с большим количеством возможностей.
