Modx шаблоны: разбиваем на части (чанки)

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

Modx шаблоны: разбиваем на чанки
Modx шаблоны: разбиваем на чанки

У нас есть установленный шаблон html, где уже выводится контент modx. Вы же не забыли поставить сниппет [[*content]] где-нибудь в шаблоне? Если нет, прочтите еще раз наш прошлый урок — Шаблоны modx, как установить и настроить. Если все работает — идем дальше.

Давайте сначала условно разобьем наш шаблон на части. Обычно это 3-4 элемента: шапка, сайдбар, контент и футер (низ сайта).

В моем шаблоне, который выше, на главной это всего три части — хедер (шапка сайта), контент и футер. Вот как это примерно выглядит.

Разбивка шаблона на модх
Разбивка шаблона на модх

Поэтому у нас будет две части, они же чанки — header и footer. Content — встроенный, он будет прямо в файле шаблона.

Инструкция как разбить шаблон на чанки

А сейчас перейдем непосредственно к практической части. Хочу отметить, что данные действия можно проводить с абсолютно любым шаблоном.

1. Создаем чанк header.

Туда копируем все что относится к верху: я копирую все до [[*content]]. Первое — нажимаем в панели Элементы-Чанки-Создать новый. Цифра 2 — копируем все что до контента в код.

Создаем чанк header
Создаем чанк header

2. Создаем чанк footer.

Действия те же: Элементы-Чанки-Создать новый. Называем чанк footer (например), вставляем код из шаблона, сохраняем.

Создаем чанк footer для низа сайта
Создаем чанк footer для низа сайта

3. Вставляем чанки в код шаблона.

Теперь открываем файл шаблона (Элементы-Шаблоны, нажимаем на наш шаблон) . Дальше вместо участка код в шапке вставляем чанк header, а вместо низа сайта —  чанк footer. Обязательно вставляем [[*content]] — это самая важная часть, которая отвечает за вывод контента (всего того, что вы вводите в админке). Вот скриншот как это сделать.

Вставляем чанки в шаблон
Вставляем чанки в шаблон

Как вставить чанк в шаблон?

Вариант первый — прописать вручную. Но лучше вариант второй. Для вставки чанка в код шаблона достаточно нажать на чанк левой кнопкой мыши и, не отпуская ее, вести на «код шаблона». Может показаться обычное окошко с параметрами вставки — я просто жму ОК и ничего не настраиваю.

В общем, если Вы все правильно настроили, то файл шаблона у вас будет состоять всего из парочки строк, а сайт будет открываться как обычно.

Зачем нужно разбивать шаблон на чанки?

Разбитие шаблона на чанки делается для того, чтобы им было удобно управлять. Кроме того, отдельные чанки можно использовать в разных шаблонах. Например, главная страница у вас будет без сайдбаров, а внутренние — с сайдбарами. Поэтому и добавим еще чанк sidebar (действия точно такие же как и с чанками хедер и футер).

Вот и все, если что не понятно — задавайте вопросы, буду рад ;)

0 Comments

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *