Czym są szablony?
Szablony (layouty) definiują wygląd i strukturę HTML stron oraz paragrafów. Szablon zawiera szkielet strony (nagłówek, nawigacja, stopka, style CSS) z miejscem na treść — oznaczonym tagiem {{ content }}.
Rodzaje szablonów
-
Szablony stron (
kind: page) — opakowują całą stronę w layout HTML (np.<html>,<head>, nawigacja, stopka) -
Szablony paragrafów (
kind: paragraph) — definiują wygląd pojedynczych bloków treści
Kluczowe funkcje
-
Placeholder
{{ content }}— wymagany tag w szablonie strony, w który system wstawia treść strony - Kod szablonu — unikalny identyfikator do odwoływania się z poziomu stron
- Przypisanie do witryny — szablon może być globalny lub przypisany do konkretnej witryny
- Szablony systemowe — gotowe presety (np. Bulma Fresh) do szybkiego startu
- Obraz podglądu — miniatura szablonu widoczna na liście szablonów
- Przykładowa treść — pole demo content do podglądu szablonu z przykładową zawartością
Hierarchia szablonów
System wybiera szablon dla strony w następującej kolejności:
- Szablon strony — jeśli strona ma przypisany własny szablon
- Szablon witryny — domyślny szablon ustawiony w witrynie
- Sama treść — jeśli brak szablonu, renderowana jest tylko treść strony
Zmienne Liquid w szablonach
Szablony obsługują zmienne Liquid, m.in.:
-
{{ page.name }},{{ page.path }}— dane aktualnej strony -
{{ site.name }},{{ site.code }}— dane witryny -
{{ pages }}— lista stron widocznych w menu -
{{ year }}— aktualny rok -
{{ content }}— treść strony