Referenz

HeroML

Attribute & Optionen

Blöcke nach Ansicht (Scopes)

Jeder Block gehört zu einem Scope — der Ansicht, für die er gedacht ist. Der Editor zeigt je Template die passenden Blöcke; Struktur- und Inhaltsblöcke sind überall verfügbar.

ScopeAnsichtBlöcke
homeStartseitehero, features, cta, posts, featured, pagination
contentBeitrag / Seitepost-body, post-meta, post-categories, back-link, meta
archiveKategoriepage-heading, posts, featured, pagination
allüberallStruktur, Inhalt, Grid, Sidebar, ad, button

Vorschaulänge

Die Beitragsliste erzeugt Vorschautexte selbst; das Attribut excerpt steuert die Länge in Wörtern. Ohne Angabe gilt der manuelle Auszug bzw. 30 Wörter.

posts excerpt=15     # kurze Teaser
posts excerpt=60     # ausführlichere Vorschau

Animationen & Effekte

Jeder Block nimmt optional animate (bzw. effect) entgegen und wird beim Scrollen sanft eingeblendet.

AttributWerteWirkung
animatefade-up · fade-down · fade-left · fade-right · zoomEinblend-Effekt beim Scrollen
durationSekundenDauer der Animation
delaySekundenVerzögerung
hero animate=fade-up
features animate=zoom duration=0.8 delay=0.1
Progressive Enhancement: ohne JavaScript ist alles sofort sichtbar, und bei prefers-reduced-motion werden Effekte automatisch abgeschaltet.

Scrolling & Paging

Für Archiv- und Startseiten bestimmt das Attribut mode der Beitragsliste, wie weitere Beiträge geladen werden.

modeVerhalten
paged (Standard)klassische Seitennavigation
loadmoreSchaltfläche „Mehr laden" hängt die nächste Seite an
infinitelädt automatisch beim Scrollen nach
posts layout=grid mode=infinite excerpt=20
loadmore/infinite holen Nachschub server-seitig über /api/feed — identisches Karten-Markup, ganz ohne Framework.

Meta über Header

Der unsichtbare meta-Block überschreibt die <head>-Metainformationen der Seite. Nur gesetzte Felder werden überschrieben.

FeldWirkung
titleSeitentitel (<title> + Open Graph)
descriptionMeta-Beschreibung
imageSocial-Bild (Open Graph / Twitter)
canonicalkanonische URL
noindexFlag: Seite nicht indexieren
meta
  title: Eigener SEO-Titel
  description: Kurze Beschreibung für Google & Social.
  noindex: true