Templates

35 Blog-Layouts

Archiv-Layouts reichen von einer klassischen Liste mit Seitenleiste bis zu einem Magazin-Raster, dazu passende Layouts für Einzelbeiträge.

Live-Showcase öffnenDemo-Websites durchsuchen

Zuletzt aktualisiert am

Standard 4

Das klassische Archiv: ein Beitrag unter dem anderen, jeweils mit dem Bild über dem Titel. Es handelt sich um den Blog Loop-Block mit dem Layout auf Standard gesetzt. Die Varianten unterscheiden sich nur darin, wo die Seitenleiste platziert ist, sofern eine vorhanden ist.

Zeitleiste 3

Beiträge hängen an einer senkrechten Linie und sind über ihr Datum gekennzeichnet. Der Blog Loop bietet zwei Timeline-Layouts. Timeline (Grid) verteilt die Beiträge beidseitig der Linie über eine Seite in voller Breite, während Timeline (List) sie in einer einzelnen Spalte anordnet, wie es die Varianten mit Seitenleiste nutzen.

Masonry 4

Karten behalten ihre natürliche Höhe und werden spaltenweise angeordnet, sodass ein kurzer Beitrag nie eine Lücke neben einem langen lässt. Dies ist das Masonry-Layout des Blog Loop, von zwei Spalten bis zur vollen Breite des Bildschirms.

Grid 3

Gleich große Karten in sauberen Reihen, festgelegt durch das Grid-Layout. Wählen Sie es, wenn jeder Beitrag ein markantes Beitragsbild hat, denn das Bild richtet jede Reihe aus.

Kleine Vorschaubilder 5

Ein kleines Bild neben Titel und Auszug, damit mehr Beiträge auf einen Bildschirm passen. Das Small-Layout von Blog Loop zeigt alle diese Bilder; die Varianten verschieben die Seitenleiste oder verzichten darauf, und die alternative Variante verändert den Rhythmus der Liste.

Item Splitting 2

Zwei Wege, ein langes Archiv aufzuteilen, wählen Sie beide im Pagination-Panel von Blog Loop: nummerierte Seiten oder endloses Scrollen, das die nächste Seite lädt, sobald der Leser das Ende erreicht. Im selben Panel stehen außerdem ein Pager für ältere und neuere Einträge, eine Schaltfläche „Mehr laden“ und das Laden in Stapeln zur Verfügung.

Editorial 6

Startseiten für Publikationen. Jede kombiniert mehrere Blog Loop-Blöcke mit darin platzierten Blöcken Post Image, Post Terms und Post Title, sodass eine Hauptmeldung, eine Reihe von Karten und eine Folge von Schlagzeilen sich eine Seite teilen. „Mehr laden“ zeigt Beiträge jeweils einige wenige an und fragt den Server erst dann nach weiteren, wenn diese aufgebraucht sind.

Einzelansichten 8

Ein Beitrag bezieht sein Layout aus einem Template, das Sie beim Bearbeiten in der Einstellung Template auswählen. Neben dem Standardbeitrag mit Seitenleiste liefert das Theme kleine Bild- und geteilte Medienvarianten, einen Beitrag in voller Breite sowie drei redaktionelle Layouts: eines mit Lesefortschrittsbalken, eines, das mit einem immersiven Hero beginnt, und eines unter einem Seitentitel.

Jeder Link öffnet eine echte Seite auf der Live-Showcase, gestaltet mit demselben Theme und denselben Blöcken, die Sie installieren.

Auf Ihrer eigenen Website

Jedes Archiv hier ist ein Block, den Sie konfigurieren

Nichts auf diesen Seiten ist ein festes Design, das Sie als Ganzes übernehmen müssen. Jedes Archiv ist ein Block mit einem Layout, und jede Karte besteht aus kleineren Blöcken, die Sie frei anordnen.

Wählen Sie das Layout

Fügen Sie Blog Loop ein und wählen Sie zwischen Standard, Grid, Small, Small Alt, drei Listenstilen, Masonry und den beiden Zeitleisten. Der Stil der Seitennavigation ist eine eigene Auswahl in einem separaten Panel, sodass jedes Layout seitenweise, per Scrollen oder in Paketen geladen werden kann.

Die Karte zusammenstellen

In der Loop stehen die Beitrags-Blöcke, die jede Karte aufbauen: Post Media, Post Title, Post Meta und Post Excerpt im Standardlayout. Entfernen Sie den Auszug für eine Liste mit Überschriften oder fügen Sie Post Terms für eine Kategorie-Bezeichnung hinzu. Canvas hat insgesamt 31 Beitrags-Blöcke.

Oder fügen Sie ein Muster ein

Der Muster-Einfüger enthält Blog-Abschnitte zum sofortigen Bearbeiten, darunter ein Raster, eine Liste, Masonry und eine Zeitachse. Ein Muster besteht aus gewöhnlichen Blöcken, denselben, die diese Seite beschreibt.

Oder einen ganzen Blog importieren

57 von 88 Demo-Websites werden mitsamt Blogbeiträgen und deren Kategorien importiert, und die Demos Blog und Modern Blog sind auf Veröffentlichung ausgelegt.

Auswahl treffen

Welches Blog-Layout passt zu Ihrem Veröffentlichungsrhythmus

Ermitteln Sie vorab, wie oft Sie Beiträge veröffentlichen, bevor Sie sich entscheiden. Ein Unternehmen, das einmal im Monat veröffentlicht, hat ein kurzes Archiv, doch das Standardlayout mit Seitenleiste präsentiert es ansprechend, ohne dünn zu wirken.

Eine Publikation, die jeden Tag veröffentlicht, braucht Dichte. Kleine Vorschaubilder, ein Raster oder eine redaktionelle Startseite zeigen jeweils mehr Beiträge auf einen Blick, und die redaktionellen Seiten geben dem Aufmacher den Platz, den eine Redaktion ihm geben würde. Endloses Scrollen passt zu Lesern, die stöbern. Nummerierte Seiten passen zu Lesern, die zurückkehren, um etwas wiederzufinden, das sie schon einmal gesehen haben.

Masonry eignet sich für Beiträge, deren Bilder in den unterschiedlichsten Formaten erscheinen. Timeline eignet sich für alles, was in chronologischer Reihenfolge gelesen wird, etwa ein Änderungsprotokoll, ein Projekttagebuch oder eine Vereinssaison. Wählen Sie danach die passende Vorlage für Einzelbeiträge: Ein langer Text verdient die Lesefortschrittsanzeige, eine Fotostory den immersiven Hero.

Weitere Templates

Der Rest der Bibliothek

Mit einer fertigen Seite starten

Alle 141 Layouts sind in jedem Tarif enthalten, neben jedem Block und jeder Demo-Website.

Canvas erwerben · ab 79 $/JahrDemos in der Vorschau anzeigen