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

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:

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

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

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

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

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

6. Обзоры других фреймворков

Теги: ,

Добавить комментарий

Отправить
Рассылка

Введите свой адрес электронной почты, и мы будем держать вас в курсе событий!

Пожалуйста, заполните обязательное поле.
Joomla.center is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder.
Проект joomla.center не относится к компании Open Source Matters или проекту Joomla! Название Joomla! и логотип используются в рамках ограниченной лицензии, определённой компанией Open Source Matters.