Blog-Inhalt

# Sections # Blogs # Content

Machen Sie Ihr Blog-Archiv mit flexiblen Raster-, Filter-, Sortier- und Karten-Layout-Steuerungen leichter durchsuchbar.

Alle Abschnitte Referenzdokumentation

Ausgewählte Links

Hilfreiche Videos

Video der Shopify Academy: Ihren Shop anpassen

Zeigen Sie Ihre Blogbeiträge in einem konfigurierbaren Archiv-Layout mit Optionen für Sortierung, Filterung und Kartenpräsentation an. Es eignet sich am besten für Blog-Landingpages, auf denen Leser schnell einen größeren Satz an Beiträgen überblicken und eingrenzen möchten, was sie lesen wollen.

Raster-Interface-Einstellungen

Diese Einstellungen steuern das gesamte Browserlebnis für das Beitragsraster. Sie können die Standardanzahl der Spalten auf Desktop und Mobilgeräten festlegen, auswählen, wie viele Beiträge pro Seite angezeigt werden, und bestimmen, ob Leser die Rastergröße selbst anpassen können.

Verwenden Sie ein offeneres Raster, wenn Beitragsbilder für die Entdeckung wichtig sind. Verwenden Sie ein dichteres Raster, wenn Ihr Blog textbasiert ist oder wenn Leser davon profitieren, mehr Titel auf einmal zu sehen.

Die Sticky-Oberfläche hält die Archiv-Steuerungen sichtbar, während Leser scrollen. Das ist bei langen Blog-Indexseiten nützlich, kann sich auf kleineren Archiven jedoch unnötig anfühlen, wenn die Steuerungen nur einmal verwendet werden müssen.

Sortierung hilft dabei, wie Leser auf Ihre Inhalte stoßen, zu gestalten. Datumsbasierte Sortierung eignet sich in der Regel für aktive Blogs, während die Sortierung nach Titel besser für referenzartige, immergrüne oder alphabetische Inhalte funktionieren kann. Einen breiteren Überblick darüber, wie Archivabschnitte verwaltet werden, finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten

Filter-Einstellungen

Diese Einstellungen fügen dem Blog-Archiv eine tagbasierte Filterung hinzu. Sie sind am nützlichsten, wenn Ihre Beiträge bereits einer klaren Tag-Struktur folgen und Sie möchten, dass Leser Ergebnisse eingrenzen können, ohne die Seite zu verlassen.

Der Hauptschalter für Filter aktiviert die Filterung für den Abschnitt, während die Einstellung „standardmäßig geöffnet“ steuert, ob der Filterbereich zunächst erweitert angezeigt wird. Offen gelassene Filter können die Entdeckung fördern, ein eingeklappter Start hält die Seite jedoch oft übersichtlicher.

Filter funktionieren am besten mit konsistenten, zweckmäßigen Tags. Wenn das Tagging unvollständig oder inkonsistent ist, kann sich die Filtererfahrung eher verwirrend als hilfreich anfühlen.

Karten-Farbeinstellungen

Diese Einstellungen überschreiben die übliche Kartenfarbgestaltung für diesen Abschnitt. Verwenden Sie sie, wenn Ihr Blog-Archiv einen eigenen visuellen Stil benötigt oder wenn das gewählte Karten-Layout stärkeren Kontrast braucht.

Einstellungen für Banner-Overlays gelten nur, wenn Sie den Banner-Kartenstil verwenden. Wenn Sie keine Banner-Karten verwenden, konzentrieren Sie sich stattdessen auf die allgemeinen Farben für Kartenhintergrund, Rahmen, Überschrift und Text.

Die Overlay-Deckkraft ist besonders wichtig bei bildorientierten Karten. Zu wenig Overlay kann Titel schwer lesbar machen, während zu viel Overlay Karten schwer oder gedämpft wirken lassen kann.

Farbeinstellungen

Diese Einstellungen steuern die Farben für das Symbol, die Überschrift und den unterstützenden Text auf Abschnittsebene. Sie sind hilfreich, wenn dieses Blog-Archiv auf einem benutzerdefinierten Hintergrund liegt oder sich von umliegenden Abschnitten abheben soll.

Passen Sie diese Farben zusammen statt einzeln an, damit der Header weiterhin stimmig wirkt. Wenn Sie außerdem ein Hintergrundbild, einen Farbverlauf oder ein Video verwenden, prüfen Sie den Kontrast sowohl auf Desktop als auch auf Mobilgeräten erneut.

Unterstützte Blocktypen

Filter group

Filtergruppe

Verwenden Sie Filter-group-Blöcke, um benutzerdefinierte, tagbasierte Filtermodule innerhalb des Archivs zu erstellen. Jeder Block wird zu einer eigenen, aufklappbaren Gruppe, was Ihnen hilft, Filter in klarere Kategorien zu organisieren, statt eine lange Liste anzuzeigen. Allgemeines Editorverhalten finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Fügen Sie einen kurzen, leicht verständlichen Titel hinzu, damit Leser sofort verstehen, was die Gruppe enthält.
Halten Sie die Tag-Liste fokussiert und zweckmäßig, insbesondere wenn Sie planen, mehrere Gruppen zu stapeln.
Verwenden Sie die Option des Blocks „standardmäßig geöffnet“ gezielt, damit sich der Filterbereich nicht überladen anfühlt.

Einzelheiten zum Block finden Sie im Filtergruppe.

Standard-Abschnittseinstellungen

Header-Einstellungen

Header-Einstellungen ermöglichen es Ihnen, das Archiv mit einem optionalen Symbol, einer Beschriftung, einer Überschrift, unterstützendem Text und einer Schaltfläche einzuführen. Das ist nützlich, um der Blog-Seite Kontext zu geben, die Seitenstruktur zu verbessern und Leser zu einem hervorgehobenen Ziel zu führen.

Halten Sie die Überschrift klar und beschreibend. Verwenden Sie die Schaltfläche nur dann, wenn sie das Archiv unterstützt, etwa indem sie auf einen hervorgehobenen Beitrag, eine verwandte Seite oder ein Newsletter-Ziel verlinkt.

Karten-Einstellungen

Karten-Einstellungen steuern, wie jeder Beitrag im Raster erscheint, einschließlich Bilddarstellung, Textsichtbarkeit, Ausrichtung, Beschriftungen und dem Stil der Karten-Schaltfläche. Diese Einstellungen überschreiben nur die übergeordneten Kartenvorgaben für diesen Abschnitt.

Wählen Sie einen Kartenstil danach, wie bildorientiert oder textorientiert Ihr Blog ist. Titel und Auszug anzuzeigen unterstützt in der Regel die Entdeckung am besten, während kompaktere Layouts nur mit Titel gut funktionieren, wenn die Beitragstitel bereits den Großteil der Arbeit übernehmen.

Padding-Einstellungen

Padding-Einstellungen steuern den Abstand oberhalb und unterhalb des Abschnitts. Verwenden Sie sie, um das Archiv von benachbarten Abschnitten zu trennen oder die Seite zu verdichten, wenn das Blog-Raster bereits genügend Luft hat.

Wenn Sie einen größeren Header oder eine starke Hintergrundgestaltung hinzufügen, kann etwas mehr Innenabstand dazu beitragen, dass der Abschnitt bewusst gestaltet wirkt. Auf Mobilgeräten hält ein leicht reduzierter Abstand die Seite oft leichter überblickbar.

Abschnittshintergrund-Einstellungen

Abschnittshintergrund-Einstellungen ermöglichen es Ihnen, eine Farbe, einen Farbverlauf, ein Bild oder ein Video hinter dem Archiv zu platzieren. Das kann dazu beitragen, dass sich der Abschnitt abhebt, beeinflusst aber auch die Lesbarkeit und die wahrgenommene Abstände.

Verwenden Sie Overlays, um den Kontrast für Überschriften und Karten beizubehalten. Wenn Sie getrennte Medien für Mobilgeräte festlegen, prüfen Sie, ob Zuschnitt und Fokusbereich den Inhalt weiterhin gut unterstützen.

Trennlinien-Einstellungen

Trennlinien-Einstellungen fügen oben oder unten im Abschnitt eine Linie hinzu. Sie sind nützlich, wenn Sie eine klarere visuelle Abgrenzung wünschen, ohne viel zusätzlichen Abstand hinzuzufügen.

Verwenden Sie Trennlinien, wenn benachbarte Abschnitte ähnliche Hintergründe oder eine ähnliche Kartendichte haben. Wenn sich das Archiv bereits deutlich abhebt, benötigen Sie sie möglicherweise nicht.

Breiten-Einstellungen

Breiten-Einstellungen steuern die maximale Breite des Archivinhalts und die Breite des Abschnitts-Wrapper. Diese Einstellungen sind besonders nützlich, um Lesbarkeit, Kartendichte und Hintergrunddarstellung auszubalancieren.

Eine schmalere Inhaltsbreite kann Auszüge leichter lesbar machen, während eine breitere Einstellung auf großen Bildschirmen bequem mehr Karten aufnehmen kann. Wenn Sie die Abschnittsbreite für Hintergrunddarstellungen anpassen, sehen Sie sich sowohl die Live-Seite als auch den Editor in der Vorschau an. Für Editor-Steuerungen siehe Shopify-Dokumentation zum Theme-Editor

Nutzungshinweise

Passen Sie das Raster an den Inhalt an. Verwenden Sie weniger Spalten, wenn Bilder und Auszüge wichtig sind, und dichtere Layouts, wenn Leser überwiegend nach Titel stöbern.
Verwenden Sie Filter gezielt. Schalten Sie die Filterung nur ein, wenn Ihre Tags konsistent, erkennbar und zum Durchsuchen geeignet sind.
Halten Sie Karten leicht überblickbar. Zeigen Sie nur den Text, die Beschriftungen und die Schaltflächen-Gestaltung, die Lesern helfen, einen Beitrag schnell auszuwählen.
Prüfen Sie Mobilgeräte separat. Überprüfen Sie Rastergröße, Filterverhalten, Platzierung der Schaltflächen und Hintergrundmedien auf kleineren Bildschirmen vor der Veröffentlichung.
Seitenbreite in der Vorschau prüfen. Kontrollieren Sie Abstände, Sticky-Steuerungen und Inhaltsbreite auf der Live-Seite erneut, damit das Archiv unter realen Browsing-Bedingungen ausgewogen wirkt.
Testen Sie Blockinhalte zusammen mit dem Abschnitt. Hinzugefügte Blöcke können das Layout und die Gewichtung des Archivs verändern. Bestätigen Sie daher das Endergebnis, nachdem Sie sie hinzugefügt oder neu angeordnet haben.
Lassen Sie Fallback-Stile bei Bedarf intakt. Leere oder standardmäßige Farben bewahren in der Regel das bestehende Erscheinungsbild des Abschnitts, während stärkere Überschreibungen und separate Medien den Bereich eigenständiger wirken lassen.

Align v2.0