Blog-Beiträge

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Company XYZ-Dokumentation zum Blog post-Block
3. Company XYZ-Dokumentation zu Farbeinstellungen
4. Company XYZ-Dokumentation zu Karten-Einstellungen
5. Company XYZ-Dokumentation zu Header-Einstellungen
6. Company XYZ-Dokumentation zu Layout-Breiten-Einstellungen
7. Company XYZ-Dokumentation zu Abschnitts-Innenabstand-Einstellungen
8. Company XYZ-Dokumentation zu Abschnittshintergrund-Einstellungen
9. Company XYZ-Dokumentation zu Trennlinien-Einstellungen
10. Company XYZ-Dokumentation zu Diashow-Steuerungseinstellungen
11. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen

Hilfreiche Videos

Video der Shopify Academy: Ihren Shop anpassen

Video der Shopify Academy: Ihren Shop anpassen

Verwenden Sie Blog posts, um Artikel automatisch aus einem ausgewählten Blog hervorzuheben, oder erstellen Sie mit manuellen Artikel-Blöcken eine kuratierte Liste. Es ist eine gute Wahl für aktuelle Beiträge, Themenübersichten und redaktionelle Inhalte, die mehr visuelle Kontrolle benötigen. Für Einrichtungsdetails im Theme-Editor siehe Shopify-Dokumentation zu Abschnitten und Blöcken

Dynamische Inhalte

Dieser Abschnitt kann Artikel automatisch aus einem Blog abrufen oder manuell ausgewählte Beiträge anzeigen. Automatischer Inhalt eignet sich am besten, wenn der Abschnitt aktuell bleiben soll, während Blöcke besser sind, wenn Sie eine feste redaktionelle Reihenfolge wünschen.

1. Wählen Sie einen Blog aus, um den Abschnitt automatisch zu befüllen.
2. Fügen Sie ein Tag hinzu, um den Feed auf ein bestimmtes Thema oder eine Kampagne einzugrenzen.
3. Legen Sie die Anzahl der Elemente fest, basierend darauf, wie viel Inhalt Sie auf einmal anzeigen möchten.
4. Sortieren Sie nach Titel oder Veröffentlichungsdatum und wählen Sie dann aufsteigend oder absteigend, um die gewünschte Geschichte zu erzählen.

Die Tag-Filterung funktioniert nur, wenn ein Blog ausgewählt ist. Wenn Sie eine handverlesene Artikelauswahl möchten, verwenden Sie Blog post-Blöcke statt auf die dynamische Quelle zu setzen.

Layout-Einstellungen

Layout-Einstellungen steuern, wie viele Karten pro Zeile angezeigt werden und ob der Abschnitt auf jeder Gerätegröße als Raster oder Diashow angezeigt wird. Das gibt Ihnen viel Flexibilität, wenn Sie auf dem Desktop eine breite Übersicht und auf Mobilgeräten eine fokussiertere Darstellung wünschen.

1. Verwenden Sie höhere Spaltenzahlen, wenn die Artikelkarten kompakt sind und stark von Bildern geprägt werden.
2. Verwenden Sie niedrigere Spaltenzahlen, wenn Titel und Auszüge mehr Platz zum Lesen benötigen.
3. Wählen Sie Raster-Layouts für schnelleres Scannen.
4. Wählen Sie Diashow-Layouts, wenn Sie weniger, größere Karten mit stärkerer Betonung wünschen.

Tipp

Wenn die Tablet-Spalten auf 0 gesetzt sind, übernimmt das Tablet die Desktop-Spaltenanzahl. Das ist hilfreich, wenn Sie weniger Layout-Entscheidungen verwalten möchten.

Diashow-Einstellungen

Diese Einstellungen gelten immer dann, wenn das Diashow-Layout auf Desktop, Tablet oder Mobilgeräten aktiviert ist. Sie steuern, wie sich die Karten bewegen, ob Folien automatisch weitergeschaltet werden und wie Kunden zwischen Beiträgen navigieren. Für Einrichtungsdetails siehe Steuerelemente für Diashows.

1. Wählen Sie den Animationstyp danach, ob Sie ein Standard-Karussellgefühl oder einen fokussierteren Übergang wünschen.
2. Stimmen Sie Animationsgeschwindigkeit und Autoplay-Verzögerung so aufeinander ab, dass die Bewegung angenehm und nicht störend wirkt.
3. Aktivieren Sie die Schleife für kontinuierliches Durchblättern.
4. Schalten Sie Navigation, Seitenzahlen und Folienvorschauen nur ein, wenn sie die Nutzung des Abschnitts erleichtern.

Die Fade-Animation erzwingt ein Einzelfolien-Layout. Sie deaktiviert außerdem die Seitenzahlen und Vorschauen der nächsten Folie. Sie eignet sich daher am besten, wenn Sie jeweils einen Artikel hervorheben möchten.

Karten-Farbeinstellungen

Diese Einstellungen überschreiben die Standard-Kartenfarben für diesen Abschnitt. Sie sind nützlich, wenn Artikelkarten mehr Kontrast, einen stärkeren Markenlook oder eine andere Darstellung als der Rest der Website benötigen.

1. Verwenden Sie Banner-Overlay-Farben nur, wenn der Kartenstil auf Banner gesetzt ist.
2. Passen Sie die Overlay-Deckkraft sorgfältig an, damit die hervorgehobenen Bilder hinter dem Text sichtbar bleiben.
3. Ändern Sie Hintergrund-, Rahmen-, Überschriften- und Textfarben gemeinsam, damit die Karten lesbar und visuell ausgewogen bleiben.

Achtung

Eine sehr geringe Overlay-Deckkraft auf Banner-Karten kann dazu führen, dass Überschriften über unruhigen Artikelbildern schwer lesbar sind.

Farbeinstellungen

Diese Einstellungen steuern die Farben, die im Intro-Bereich des Abschnitts verwendet werden, einschließlich des Symbols, des Überschriftentexts und des Begleittexts. Verwenden Sie sie, wenn der Abschnitt auf einem benutzerdefinierten Hintergrund steht oder einen stärkeren Kontrast zum benachbarten Inhalt benötigt. Für Einrichtungsdetails siehe Farbeinstellungen.

1. Passen Sie diese Farben als Einheit an, damit die Abschnittsüberschrift stimmig wirkt.
2. Prüfen Sie den Kontrast erneut, nachdem Sie ein Hintergrundbild, einen Farbverlauf oder ein Video hinzugefügt haben.
3. Halten Sie Überschreibungen minimal, wenn die Artikelkarten der visuelle Fokus bleiben sollen.

Unterstützte Blocktypen

1. Blog post

Blogbeitrag

Verwenden Sie diesen Block, um manuell eine bestimmte Artikelkarte hervorzuheben. Er ist die richtige Wahl, wenn Sie eine kuratierte Auswahl statt eines automatisch aktualisierten Feeds möchten. Für Einrichtungsdetails siehe Blogbeitrag.

1. Verwenden Sie manuelle Blöcke für hervorgehobene Geschichten, Favoriten des Teams oder Kampagneninhalte.
2. Karten-Einstellungen auf Blockebene können die Karten-Darstellung des Abschnitts für einzelne Artikel überschreiben.
3. Der optionale Editor-Titel hilft Ihnen, kuratierte Listen während der Arbeit übersichtlich zu halten.

Standard-Abschnittseinstellungen

Header-Einstellungen

Verwenden Sie Header-Einstellungen, um über der Artikelliste eine Beschriftung, Überschrift, einen Begleittext, ein Symbol und optional eine Schaltfläche hinzuzufügen. Das ist nützlich, um den Inhalt einzuführen, ein Thema zu kennzeichnen oder zum vollständigen Blog zu verlinken. Wählen Sie eine Überschriftenebene, die zur restlichen Seitenstruktur passt, und halten Sie die Schaltfläche auf eine klare Aktion fokussiert.

Karten-Einstellungen

Verwenden Sie Karten-Einstellungen, um festzulegen, wie Artikelkarten im gesamten Abschnitt aussehen. Sie können Kartenstil, Bildverhältnisse, Textdichte, Beschriftungsinhalt, Ausrichtung und Schaltflächen-Darstellung anpassen, ohne jeden Beitrag einzeln zu bearbeiten. Diese Einstellungen sind der wichtigste Weg, das Gleichgewicht zwischen visueller Wirkung und Lesbarkeit zu steuern.

Padding-Einstellungen

Verwenden Sie Padding-Einstellungen, um den Platz oberhalb und unterhalb des Abschnitts zu steuern. Fügen Sie mehr Abstand hinzu, wenn dieser Inhalt mehr Luft benötigt, oder reduzieren Sie ihn, wenn das umgebende Layout bereits großzügig ist. Prüfen Sie auch den mobilen Abstand, damit der Abschnitt nicht unnötig hoch wirkt.

Abschnittshintergrund-Einstellungen

Verwenden Sie Abschnittshintergrund-Einstellungen, um einen Farbton, Farbverlauf, ein Bild oder ein Video hinter dem Abschnitt zu platzieren. So kann die Artikelsammlung redaktioneller oder visuell klarer von benachbarten Abschnitten abgegrenzt wirken. Hintergrunddarstellungen können Kontrast und wahrgenommenen Abstand beeinflussen, daher sollten Sie nach Änderungen sowohl den Überschriftenbereich als auch die Karten überprüfen.

Trennlinien-Einstellungen

Verwenden Sie Trennlinien-Einstellungen, um oberhalb oder unterhalb des Abschnitts eine Linie hinzuzufügen. Trennlinien können helfen, diesen Bereich auf langen Seiten mit mehreren Inhaltsblöcken zu gliedern. Wenn die Farbe der Trennlinie transparent ist, wird stattdessen die Theme-Rahmenfarbe verwendet.

Sichtbarkeitseinstellungen

Verwenden Sie Sichtbarkeitseinstellungen, um den Abschnitt je nach Gerätetyp anzuzeigen oder auszublenden. Das ist hilfreich, wenn Sie auf Mobilgeräten eine einfachere Artikeldarstellung oder geräteübergreifend eine andere Layout-Strategie wünschen. Verwenden Sie es sorgfältig, damit auf keinem Gerät wichtige Inhalte fehlen.

Breiten-Einstellungen

Verwenden Sie Breiten-Einstellungen, um die maximale Breite des Inhalts und die äußere Breite des Abschnitts zu steuern. Geringere Breiten können den Lesekomfort für Titel und Auszüge verbessern, während breitere Layouts mehr Spalten oder eine immersivere Kartenreihe unterstützen können. Breitenänderungen sollten am besten in der Live-Seitenvorschau geprüft werden, da Vorschaubilder im Editor irreführend sein können.

Nutzungshinweise

1. Wählen Sie eine Sourcing-Methode. Verwenden Sie einen ausgewählten Blog für automatisch aktualisierte Inhalte oder Blog post-Blöcke, wenn Kuratierung wichtiger ist als Aktualität.
2. Rechnen Sie damit, dass Blöcke den Abschnitt verändern. Das Hinzufügen von Artikel-Blöcken kann einen einfachen Feed ersetzen oder neben ihm stehen. Prüfen Sie daher das Ergebnis, nachdem Sie von automatischen Inhalten auf manuelle Kuratierung umgestellt haben.
3. Passen Sie das Layout an das Leseverhalten an. Raster sind meist besser, um mehrere Beiträge schnell zu überfliegen, während Diashows besser sind, um weniger Artikel hervorzuheben.
4. Prüfen Sie beide Gerätegrößen. Desktop- und Mobilsteuerungen können unterschiedliche Abstände, Ausrichtungen und Navigationsverhalten erzeugen. Bestätigen Sie daher, dass der Abschnitt in jedem Viewport gut lesbar bleibt.
5. Verwenden Sie Überschreibungen gezielt. Karten- und Farb-Überschreibungen auf Abschnittsebene funktionieren am besten, wenn sie einen klaren redaktionellen Stil unterstützen, statt mehrere konkurrierende Darstellungen zu mischen.
6. Prüfen Sie die Mediendarstellung sorgfältig. Wenn Sie unterschiedliche Medien oder Hintergrundoptionen verwenden, stellen Sie sicher, dass Zuschnitt und Lesbarkeit die Artikelkarten weiterhin unterstützen.