Referenz

HeroML

Was ist HeroML?

HeroML ist eine schlanke, einrückungsbasierte Auszeichnungssprache. Anstatt Themes mit Programmcode zu schreiben, werden Seiten aus fertigen Design-Blöcken zusammengesetzt — Hero, Feature-Raster, Beitragsliste und mehr.

Daten, kein Code. HeroML wird zu einem Baum aus einfachen Objekten geparst. Es wird nichts ausgeführt — kein eval, keine Skripte. Das ist sicher „by design".
Server-gerendert & leichtgewichtig. Blöcke geben serverseitig semantisches HTML aus. Kein Framework, kein Client-Ballast; ausgeliefert wird nur die CSS der tatsächlich genutzten Blöcke.
Erweiterbar. Zusätzliche Blöcke lassen sich als Pakete installieren und sogar buchen.

HeroML ersetzt das Theme-System, läuft aber parallel dazu: Unter Admin → Design wird zwischen klassischen Themes und der Block-Engine umgeschaltet.

Schnellstart

Jede Zeile ist entweder ein Block oder ein Feld; die Einrückung bestimmt die Zugehörigkeit. Das folgende Beispiel erzeugt einen kompletten Aufmacher — der Code oben, das gerenderte Ergebnis darunter:

hero
  headline: Das Reisemagazin
  sub: Langsame Geschichten aus nahen und fernen Orten — sorgfältig erzählt und fotografiert.
  button variant=primary
    label: Aktuelle Ausgabe
    href: #
  button variant=ghost
    label: Themen
    href: #

Ergebnis ↓

Das Reisemagazin

Langsame Geschichten aus nahen und fernen Orten — sorgfältig erzählt und fotografiert.

Aktuelle Ausgabe Themen

Kein HTML, kein CSS, kein Code — nur Blöcke und Felder.

Die Referenz im Überblick

Tutorial: MagazinEine Magazin-Startseite Schritt für Schritt. Tutorial: BlogBlog-Startseite mit geteiltem Highlight-Bereich. SyntaxBlöcke, Felder, Attribute, Platzhalter. Designs & AnsichtenAufbau eines Designs und seine Templates. Struktur & InhaltDas Gerüst und die Textbausteine. Frontpage-BlöckeHero, Buttons, Features, Call-to-Action. Layout: Grid & SidebarMehrspaltige Layouts und Sidebars. Dynamisch & WerbungBeitragslisten, Highlights, Widgets, Werbeplätze. MedienYouTube, Twitch, Galerien, Feeds und mehr. Attribute & OptionenScopes, Vorschaulänge, Animationen, Meta. Erweitern & SicherheitEigene Blöcke, Sicherheit, Spickzettel.