Натянуть вёрстку — значит взять свою страницу и объяснить движку, какие её части постоянны, какие повторяются, а какие меняются от страницы к странице. Шаблон — это ваш же HTML, в котором вместо текста стоят метки.
С чего начинается работа
Возьмите один готовый файл — и разметьте его на три вида частей. Это делается на бумаге за пять минут и экономит потом час.
| Часть | Чем становится в CMS | Пример |
|---|---|---|
| Повторяется дословно | Чанк — кусок разметки, который правится в одном месте | Шапка, подвал, набор иконок |
| Меняется от страницы к странице | Плейсхолдер — метка, куда движок подставит поле ресурса | Заголовок, текст, описание для поисковика |
| Считается из дерева страниц | Сниппет — небольшая программа, которая строит список | Меню, крошки, соседние страницы |
Пометки уже стоят
Если на третьем этапе вы помечали повторяющиеся куски
комментариями вида CHUNK: header, половина
работы сделана: границы чанков уже определены,
осталось перенести их в админку.
Две страницы этапа
-
Главная страница в CMS
Разбираем главную по частям: шапка и подвал уезжают в чанки, заголовок становится плейсхолдером, меню — сниппетом.
-
Внутренние страницы в CMS
Один шаблон на сорок восемь страниц: крошки, боковое меню, оглавление и переходы к соседям — всё считается из дерева.
Порядок работы
Сначала главная, потом внутренние. Не потому что главная важнее, а потому что на ней встречаются все виды частей сразу: разобравшись с ней, внутреннюю вы соберёте по накатанному.
Работать лучше маленькими шагами: перенесли шапку — открыли сайт, проверили. Перенесли подвал — проверили снова. Если перенести всё сразу и страница окажется пустой, искать причину придётся во всём шаблоне.
В конце этапа у вас будет
- Два шаблона в админке, из которых собираются все страницы сайта
- Шапка и подвал — чанками: правятся в одном месте
- Меню и крошки строятся сами из дерева страниц
- Новая страница добавляется в админке за минуту, без правки кода