WebDesign Master
Всем привет, друзья! Сегодня мы рассмотрим использование плейсхолдеров (параметров) чанков в MODx Revolution. Данная возможность позволит нам предотвратить дублирование чанков с минимальными отличиями, сделать проект более целостным, избежать путаницы в работе и дальнейшей поддержке.
Нетология: http://netolo.gy/ciJ (Промокод: webdesignmaster)
Базовый урок по MODx Revolution: https://youtu.be/wP1lvYX9Xzo
Давайте рассмотрим на реальном примере. Допустим, у нас есть чанк head, который содержит доктайп, тег и содержимое тега head и открывающийся тег body. Обычно для главной страницы тег body должен содержать класс, идентифицирующий его принадлежность к определеной странице сайта. Например, class="ishome", указанный для тега body, расскажет нам о том, что мы находимся на главной странице. Соответственно, класс isnohome, page-gallery, page-contacts и т. д. будут говорить о том, что мы находимся на странице, отличной от главной, на странице галереи или странице контактов. Через эти классы будут стилизованы определенные элементы внутри самой страницы, сраница будет уникальной.
Как решить задачу по распределению классов между страницами? Неопытный разработчик, скорее всего, создаст копию чанка head с тем лишь отличием, что тег body будет иметь разные классы и использовать разные чанки в разных шаблонах сайта. Вроде ничего странного и необычного, но мы получим 4 практически одинаковых чанка. Опытный разработчик почувствует неладное, ведь копирование/дублирование чего бы то ни было в разработке с высокой степенью вероятности является моветоном.
Задачу расширения чанка параметром (плейсхолдером) можно решить довольно таки просто - вместо класса class="ishome", мы напишем:
<body class="[[+bodyClass]]"> ... </body>
Всё! Боже, это так элементарно, но позволяет сэкономить кучу времени, не допустить ошибок и избежать путаницы в будущем при работе и кастомизации сайта. Вывод чанка в шаблоне будет звучать так:
[[$head? &bodyClass=`ishome`]]
Изящно и просто, не правда ли?
Соответственно, мы можем задать параметр по-умолчанию для дефолтного вывода $head. Для этого в редактируемом чанке head перейдем на вкладку "Параметры", нажмем кнопку "Параметры по умолчанию заблокированы" и "Создать параметр". Имя, соответственно, bodyClass, Значение - isnohome. Таким образом, мы зададим всем страницам, кроме главной bodyClass = isnohome.
Благодаря этой возможности, вы можете создавать более сложные условия для вывода чанков в ваших проектах.
Бонус: Настройка Material Theme в редакторе Ace MODx.
