Главная страница в CMS

Главная удобна для первого раза: на ней встречаются все виды частей сразу. Разобравшись с ней, остальные страницы вы соберёте по накатанному.

Шапка и подвал — в чанки

Скопируйте кусок разметки между пометками CHUNK: header в новый чанк и назовите его header. В шаблоне на месте этого куска остаётся одна строка.

<body class="page">

  {{sprite}}
  {{header}}

  <main class="page__main" id="main">
    ...
  </main>

  {{footer}}

</body>

Теперь правка меню делается один раз — в чанке header, — и появляется на всех страницах сразу. Ровно то, ради чего затевалась CMS.

Заголовок и текст — метками

Поля карточки страницы движок заполняет сам: вы пишете заголовок в админке, а на сайте он появляется там, где стоит метка. Полей в карточке около десятка, и почти все они пригодятся.

То, что меняется от страницы к странице, заменяется плейсхолдерами. На главной их немного: заголовок окна, описание для поисковика и, если хочется, текст первого экрана.

<title>[*longtitle*]</title>
<meta name="description" content="[*description*]">
<link rel="canonical" href="[(site_url)][~[*id*]~]">

Здесь три разных вида меток, и путать их не стоит: [*поле*] — данные текущей страницы, [(настройка)] — настройка всего сайта, [~id~] — ссылка на страницу по её номеру. Последняя удобна тем, что при переносе страницы в дереве адрес в ссылке меняется сам. Записывать адреса вручную в шаблоне поэтому не стоит совсем: любой переезд страницы превратит такую ссылку в битую, и заметите вы это далеко не сразу.

Меню — сниппетом

Список страниц движок умеет строить сам: за это отвечает сниппет DocLister. Он проходит по дереву и выдаёт разметку, которую вы ему опишете.

[[DocLister?
  &parents=`3`
  &sortBy=`menuindex`
  &sortDir=`ASC`
  &tpl=`menuRow`
]]

parents — номер раздела, чьи страницы выводим, sortBy и sortDir — порядок, а tpl — имя чанка с вашей разметкой одного пункта. Так сниппет выдаёт именно ваши классы, а не свои. Порядок приходится задавать: по умолчанию DocLister сортирует не по дереву, а по дате публикации.

Что остаётся в шаблоне как есть

Не всё нужно превращать в метки. Первый экран главной — заголовок, пояснение, кнопки, пример кода рядом — меняться не будет: главная на сайте одна. Оставьте этот кусок в шаблоне обычной разметкой.

Правило простое: метку ставят там, где значение меняется от страницы к странице или должно правиться без разработчика. Вынести в поле заголовок первого экрана можно, но смысла мало: вы всё равно единственный, кто его меняет, а лишняя метка делает шаблон менее понятным. Лучше начать с необходимого минимума и добавлять метки по мере надобности.

Что просить у нейросети

Здесь она особенно полезна: параметры сниппетов приходится смотреть в документации, а документация Evolution написана коротко. Дайте свою разметку и попросите параметры под неё.