Wie sollte eine Blog-Übersicht aussehen?
Eine Blog-Übersicht hilft Lesenden, den nächsten Artikel zu finden, und zeigt, dass auf der Seite etwas passiert. Die Sections hier zeigen Beiträge als Karten-Raster, als Hauptgeschichte mit Liste daneben, als Magazin-Layout, als Journal-Reihen mit großem Aufmacherbild, als Fallstudien auf Verlaufskarten und als redaktionelle Splits für Reise- und Food-Inhalte.
Zeig Titel, eine Zusammenfassung in einer Zeile, Datum und Lesezeit. Ein starkes Bild hilft, aber der Titel muss allein funktionieren, denn den zeigen Suchmaschinen und Link-Vorschauen. Stell den neuesten oder wichtigsten Beitrag nach vorn und halte den Rest in einem ruhigen Raster. Jede Section ist eine einzelne React-Datei mit Tailwind-Klassen, die Beiträge sind ein Array, das du aus deinem CMS füllst.
Weitere Section-Kategorien
Häufige Fragen
Titel, eine Zusammenfassung in einem Satz, Datum und Lesezeit. Kategorie und Autor sind optional. Das Bild unterstützt den Titel, ersetzt ihn aber nicht.
Ja. Die Beiträge sind ein Array von Objekten in der Datei. Ersetze es durch Daten aus deinem CMS, etwa Sanity, Contentful oder Markdown-Dateien.
Die Sections decken Übersicht und hervorgehobene Beiträge ab. Für den Artikel selbst nimm die Seitenvorlage deines Frameworks, eine lesbare Spalte mit 60 bis 75 Zeichen pro Zeile ist ein guter Start.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen