What Are Templates?
Templates (layouts) define the appearance and HTML structure of pages and paragraphs. A template contains the page skeleton (header, navigation, footer, CSS styles) with a placeholder for content — marked with the {{ content }} tag.
Template Types
-
Page templates (
kind: page) — wrap the entire page in an HTML layout (e.g.,<html>,<head>, navigation, footer) -
Paragraph templates (
kind: paragraph) — define the appearance of individual content blocks
Key Features
-
{{ content }}placeholder — a required tag in page templates where the system inserts the page content - Template code — a unique identifier for referencing from pages
- Site assignment — a template can be global or assigned to a specific site
- System templates — ready-made presets (e.g., Bulma Fresh) for a quick start
- Preview image — a template thumbnail visible on the template list
- Sample content — a demo content field for previewing the template with example content
Template Hierarchy
The system selects a template for a page in the following order:
- Page template — if the page has its own template assigned
- Site template — the default template set on the site
- Content only — if no template exists, only the page content is rendered
Liquid Variables in Templates
Templates support Liquid variables, including:
-
{{ page.name }},{{ page.path }}— current page data -
{{ site.name }},{{ site.code }}— site data -
{{ pages }}— list of pages visible in the menu -
{{ year }}— current year -
{{ content }}— page content