Перейти до вмісту
Intum — Довідковий центр

Шаблони

Оновлення: 2 хв читання

Що таке шаблони?

Шаблони (макети) визначають вигляд і HTML-структуру сторінок та параграфів. Шаблон містить каркас сторінки (заголовок, навігація, підвал, стилі CSS) з місцем для контенту - позначеним тегом {{ content }}.

Види шаблонів

  • Шаблони сторінок (kind: page) - обгортають усю сторінку в HTML-макет (напр. <html>, <head>, навігація, підвал)
  • Шаблони параграфів (kind: paragraph) - визначають вигляд окремих блоків контенту

Ключові функції

  • Плейсхолдер {{ content }} - обов’язковий тег у шаблоні сторінки, в який система вставляє контент сторінки
  • Код шаблону - унікальний ідентифікатор для звернення з рівня сторінок
  • Прив’язка до сайту - шаблон може бути глобальним або прив’язаним до конкретного сайту
  • Системні шаблони - готові пресети (напр. Bulma Fresh) для швидкого старту
  • Зображення перегляду - мініатюра шаблону, видима у списку шаблонів
  • Прикладовий контент - поле demo content для перегляду шаблону з прикладовим вмістом

Ієрархія шаблонів

Система обирає шаблон для сторінки в такому порядку:

  1. Шаблон сторінки - якщо сторінка має прив’язаний власний шаблон
  2. Шаблон сайту - шаблон за замовчуванням, заданий у сайті
  3. Сам контент - якщо шаблону немає, рендериться лише контент сторінки

Змінні Liquid у шаблонах

Шаблони підтримують змінні Liquid, зокрема:

  • {{ page.name }}, {{ page.path }} - дані поточної сторінки
  • {{ site.name }}, {{ site.code }} - дані сайту
  • {{ pages }} - список сторінок, видимих у меню
  • {{ year }} - поточний рік
  • {{ content }} - контент сторінки

Чи була ця інформація корисною?

Поділитися

Коментарі