Вторник, 20 августа

Gantry 5  - это новая, революционная система управления контентом,  созданная для облегчения работы веб-разработчиков сайтов. За счет великолепной интеграции может работать с популярными движками CMS - Joomla, WordPress и Grav. Gantry5 использует удобный графический интерфейс и функцию перетаскивания мышью, которые позволяют изменить макет вашего сайта за считанные секунды.

Для разработки собственного сайта Вам предлается бесплатно два шаблона - Hydrogen и Helium, созданные студией Rockettheme. Функционал шаблонов Hydrogen и Helium основан на использовании в секциях шаблона всевозможных готовых так называемых частиц Gantry5 (particles) , позволяющих быстро наполнить сайт контентом за счет модулей и стилей, предустановленных разработчиком на шаблон.

Скошенные углы

Этот код написан . От бельгийца, живущего в Лондоне. Специально для Вас. Поддержка Google Chrome и Firefox

К сожалению, заранее установленных частиц на шаблоне очень мало и хочется увеличить их количество. Несмотря на гибкость Gantry5, когда в одной секции (разделе) можно разместить хоть 100 частиц, все равно хочется создать новые секции на шаблоне. И здесь огромное подспорье Вам окажет документация по Gantry5 - как создавать новые секции, как добавлять новые аттрибуты для неё, как автоматизировать выбор стиля для секции, за счет чего может измениться стиль частицы, расположенных в разных секциях - все это можно найти на портале Gantry5

Для пользователей, которые только приступили к изучению Gantry5 для Joomla, и тех, кто не может понять и разобраться самостоятельно с этим вопросом, я постараюсь доходчиво объяснить, как это можно сделать быстро и без ошибок. 

Шаблоны Hydrogen и Helium универсальны и легко поддаются модернизации и корректировке. Все осуществляется через папку custom, специально созданную разработчиками шаблона.

Единственное, что Вы должны знать - что, где и как поменять в шаблоне, чтобы осуществить эту модернизацию. И здесь появляется понятие  переопределения - что, где и как создать, чтобы при обновлении шаблона разработчиками (а это бывает регулярно) эти изменения не потерялись.

Основы метода переопределения изложены в статье "Три золотых правила при модернизации шаблона".

Так как сейчас мы рассматриваем секцию шаблона, то общий план по модернизации шаблона будет следующий:

Добавим в шаблон 6 новых секций.
Добавим для каждой новой и старой секции к имеющемуся аттрибуту background новые аттрибуты - например, аттрибуты image background (изображение на заднем фоне) и overlay (затемнение изображения спецэффектами).
Добавим новое поле variations с выпадающим списком стилей, которые можно применить к секции

Решение

  1. Для создания новых секций воспользуемся шаблоном Antares - скопируем названия и стили (возьмем готовые) - Bottom, Extension, Fixedside, Showcase, Slideshow, Top, Overlay, Старые и новые секции (*) разместим в нужном для нас порядке. Новые секции позволят нам добавить стили от коммерческих шаблонов от  Rockettheme, которые мы видели, например, на шаблоне Antares(фиксированный слева или справа модуль социальных иконок) - подробно, как это сделать, изложено в статье "Создание новых секций в шаблоне Helium"
  2. Добавление новых аттрибутов связано с изменением файлов section.html.twig и section.yaml - подробно, как это сделать, изложено в статье "Добавляем фон Image Background для секции глобально и локально".

  1. Новое поле Variations с выпадающим списком стилей появилось на шаблоне Helium и Hydrogen совсем недавно и инициализируется при обновлении шаблона автоматически, но принцип такой же как и изложенный в пункте 2. Особенность - в дублировании некоторого кода по активации поля в файле theme.yaml, позволяющего добиться эффекта выпадающего списка и в файлах section.html.twig и section.yaml, чтобы сохранить ранее внесенные изменения, связанные с аттрибутами image background и overlay.

 

 

телефоны
+7 (902) 327-81-10 (Мегафон)
адрес
Чебоксары, Гражданская ул., д. 78, к. 149
часы работы
с 8:00 до 18:00 (сб, вс - с 9:00 до 15:00)