HeroCMS
Kostenlos testen
Referenz

HeroML

Deutsch English

Tutorial: eine Blog-Startseite

Dieses Tutorial baut eine Blog-Startseite mit einem geteilten Highlight-Bereich: Der wichtigste Beitrag nimmt die halbe Breite ein, zwei weitere je ein Viertel. Darunter folgt die vollständige Beitragsliste mit einer Sidebar. Bearbeitet wird das Template home.

Schritt 1 — der Highlight-Bereich

Der featured-Block stellt die neuesten drei Beiträge heraus: der erste als großer Lead auf der linken Hälfte, der zweite und dritte kompakt gestapelt auf der rechten — jeder ein Viertel der Fläche. Bilder, Titel und Datum kommen automatisch aus den Beiträgen.

featured
Ergebnis ↓
48 Stunden in Palermo

48 Stunden in Palermo

Jun 2, 2026 · Lena Vogt

Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. …

EigenschaftBeschreibung
excerptVorschaulänge des Lead-Beitrags in Wörtern (Standard 26)
Der Block nutzt die neuesten drei veröffentlichten Beiträge (bzw. die ersten drei der aktuellen Ansicht). Unter 720px werden die drei Karten untereinander gestapelt.

Schritt 2 — alle Beiträge mit Sidebar

Unter den Highlights folgt die vollständige Liste. with-sidebar stellt sie neben eine Sidebar mit den neuesten Beiträgen und den Kategorien — beide füllen sich von selbst.

with-sidebar side=right width=300
  heading level=2
    text: Alle Beiträge
  posts excerpt=18
  sidebar sticky
    recent-posts count=4
    category-list

Das Ergebnis

Highlight-Bereich und Liste zusammengesetzt ergeben die fertige Blog-Startseite:

section
  heading level=2
    text: Im Fokus
  featured
with-sidebar side=right width=300
  heading level=2
    text: Alle Beiträge
  posts excerpt=18
  sidebar sticky
    recent-posts count=4
    category-list
Ergebnis ↓

Im Fokus

48 Stunden in Palermo

48 Stunden in Palermo

Jun 2, 2026 · Lena Vogt

Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. …

Alle Beiträge

48 Stunden in Palermo

Jun 2, 2026 · Lena Vogt

Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. …

Weiterlesen →

Die neue Welle des Kaffees

May 28, 2026 · Ben Roth

Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. Absatz. …

Weiterlesen →
Sobald ein neuer Beitrag veröffentlicht wird, rückt er automatisch in den Lead des Highlight-Bereichs — ganz ohne Änderung am Template.