> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/blog/elemente/beitraege.md).

# Beiträge

Das Element **Beiträge** spielt eine Liste deiner Blog-Beiträge aus – wahlweise als Grid, als Liste, im Magazin-Stil oder kompakt. Es ist das zentrale Element für Übersichts- und Kategorieseiten und zeigt je Seite automatisch die passenden Beiträge mit Titelbild, Kategorie, Datum und Auszug.

{% hint style="success" %}
Die Quelle steht standardmäßig auf **Automatisch**: Auf einer Blog-Übersicht erscheinen alle Beiträge des Blogs, auf einer Kategorieseite nur die der jeweiligen Kategorie. Du kannst die Auswahl aber auch fest auf einen bestimmten Blog, eine Kategorie oder einen Tag begrenzen.
{% endhint %}

Über die **Element-Auswahl** von Shopware (Schaltfläche „Element austauschen“) fügst du das Element **Beiträge** an der gewünschten Position hinzu – im rot markierten Feld.

<figure><img src="/files/hXSyYfVJV1kZ84WmwlHp" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/w92zeDGTKcAHZvQC1p7s" alt=""><figcaption><p>Beispiel im Storefront: Beiträge als Grid mit Titelbild, Kategorie, Datum und Auszug</p></figcaption></figure>

### Allgemein

Im Reiter **Allgemein** legst du fest, welche Beiträge angezeigt und wie sie sortiert werden.

<figure><img src="/files/WI9KOBN7z4CfmjimHw1g" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Überschrift (1)</td><td>Optionale Überschrift über der Beitragsliste. Bleibt das Feld leer, wird keine Überschrift angezeigt.</td></tr><tr><td>Quelle (2)</td><td>Bestimmt, welche Beiträge geladen werden. Bei <strong>Automatisch</strong> richtet sich die Auswahl nach der aktuellen Seite (Blog bzw. Kategorie). Wählst du <strong>Bestimmter Blog</strong>, <strong>Bestimmte Kategorie</strong> oder <strong>Bestimmter Tag</strong>, erscheint darunter ein zusätzliches Feld, in dem du die konkrete Quelle auswählst.</td></tr><tr><td>Sortierung (3)</td><td>Reihenfolge der Beiträge: <strong>Neueste</strong>, <strong>Älteste</strong>, <strong>Meiste Impressionen</strong> oder alphabetisch nach <strong>Titel</strong>.</td></tr><tr><td>Beiträge pro Seite (4)</td><td>Wie viele Beiträge gleichzeitig angezeigt werden. Gibt es mehr, blättern deine Besucher über eine Seitennummerierung weiter.</td></tr></tbody></table>

### Layout

Im Reiter **Layout** bestimmst du die Darstellung der Beiträge und welche Informationen je Beitrag erscheinen.

<figure><img src="/files/M9x0ESE6klg10Hds73mC" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Darstellung (1)</td><td>Die Anordnung der Beiträge. Verfügbare Layouts siehe Tabelle unten.</td></tr><tr><td>Kategorie anzeigen (2)</td><td>Blendet die Kategorie über dem Titel jedes Beitrags ein.</td></tr><tr><td>Datum anzeigen (3)</td><td>Blendet das Veröffentlichungsdatum des Beitrags ein.</td></tr><tr><td>„Weiterlesen“ anzeigen (4)</td><td>Zeigt unter jedem Beitrag einen „Weiterlesen“-Link zur vollständigen Beitragsseite.</td></tr><tr><td>Auszug anzeigen (5)</td><td>Zeigt einen kurzen Textauszug des Beitrags unter dem Titel an.</td></tr><tr><td>Auszug-Länge (6)</td><td>Maximale Länge des Auszugs in Zeichen. Nur sichtbar, wenn <strong>Auszug anzeigen</strong> aktiv ist.</td></tr></tbody></table>

<table><thead><tr><th width="287">Darstellung</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Grid</td><td>Beiträge als gleichmäßiges Kachel-Raster. Die Spaltenzahl legst du im Reiter <strong>Elemente pro Reihe</strong> fest.</td></tr><tr><td>Liste</td><td>Beiträge untereinander als breite Zeilen – ideal für textlastige Übersichten.</td></tr><tr><td>Magazin (Erster groß)</td><td>Der neueste Beitrag wird groß hervorgehoben, die übrigen folgen darunter im Raster.</td></tr><tr><td>Kompakt</td><td>Platzsparende Liste ohne Titelbild – gut für Seitenleisten oder eine „Weitere Beiträge“-Box.</td></tr></tbody></table>

### Elemente pro Reihe

Bei den Layouts **Grid** und **Magazin** legst du über den Reiter **Elemente pro Reihe** fest, wie viele Beiträge pro Zeile erscheinen – getrennt für Desktop, Tablet und Smartphone.

{% content-ref url="/pages/kXnecx9xgMjluse3dktl" %}
[Elemente pro Reihe](/cms-bundle/elemente/konfigurationsbausteine/elemente-pro-reihe.md)
{% endcontent-ref %}

### SEO

Im Reiter **SEO - Einstellungen** steuerst du, mit welcher HTML-Überschriften-Ebene die Titel der Beiträge ausgezeichnet werden.

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}