Erfolgreich
Artikelkarten-Einstellungen
Steuern Sie das Standarddesign und die Inhalte, die auf Artikelkarten in Ihrem Theme angezeigt werden.
Diese Einstellungen definieren das Standarderscheinungsbild von Artikelkarten in Ihrem Theme. Verwenden Sie sie, um in Blog-Listen, hervorgehobenen Artikelbereichen und anderen Stellen, an denen Artikel erscheinen, eine konsistente Lese- und Browsing-Erfahrung zu schaffen, während einzelne Abschnitte die Standardwerte bei Bedarf weiterhin überschreiben können. Für einen breiteren Einrichtungskontext sehen Sie sich die Shopify-Dokumentation zum Theme-Editor und die Shopify-Dokumentation zu Abschnitten und Blöcken an.
Sie können außerdem die Referenz zu Artikelkarten für zusätzlichen Kontext ansehen.
Kartenlayout und Bildform
Abschnitt betitelt „Kartenlayout und Bildform“Beginnen Sie mit dem Kartenstil, da er die Gesamtstruktur und den Ton der Artikelvorschauen festlegt. Ein stärker visueller Stil kann redaktionelle Inhalte reichhaltiger wirken lassen, während ein schlichterer Stil dazu beitragen kann, dicht befüllte Artikelraster klarer und leichter lesbar zu machen.
Das Bild-Seitenverhältnis steuert, wie Artikelbilder innerhalb jeder Karte zugeschnitten werden. Da Desktop- und Mobilverhältnisse separat festgelegt werden, können Sie Karten auf größeren Bildschirmen ausgewogen halten und gleichzeitig auf kleineren Geräten unvorteilhafte Zuschnitte vermeiden.
Wenn sich Ihre Artikelbilder stark in Form oder Zusammensetzung unterscheiden, wählen Sie Bildverhältnisse, die auch im zugeschnittenen Zustand noch stimmig wirken. Einheitliche Verhältnisse erzeugen in der Regel ein aufgeräumteres Kartenraster.
Text, Metadaten und Call-to-Action
Abschnitt betitelt „Text, Metadaten und Call-to-Action“Diese Einstellungen steuern, wie viele Artikelinformationen auf der Karte erscheinen. Sie können die Entdeckung fördern, indem Sie Titel und Auszug anzeigen, die Darstellung auf den Titel beschränken oder den Text weiter reduzieren, wenn das Layout visueller wirken soll.
Beschriftungseinstellungen legen fest, ob Sie den Autor, das Datum, beides oder nichts anzeigen. Dies kann Ihnen helfen, redaktionellen Kontext und visuelle Schlichtheit auszubalancieren, je nachdem, ob Aktualität und Autorenschaft in Ihrer Content-Strategie wichtig sind.
Der Schaltflächenstil verändert, wie deutlich die Karte zur Interaktion auffordert. Auffälligere Schaltflächenstile können in inhaltsstarken Layouts helfen, während leichtere Stile gut funktionieren, wenn die Karte selbst bereits klar als anklickbar wahrgenommen wird.
Textausrichtung und Positionierung
Abschnitt betitelt „Textausrichtung und Positionierung“Die horizontale Ausrichtung beeinflusst, wie formell oder gestalterisch geprägt die Karten wirken. Linksbündig ausgerichteter Text ist in Artikelrastern meist am leichtesten zu erfassen, während zentrierter Text eher zu stilisierteren Layouts passt.
Die vertikale Textausrichtung ist vor allem beim Bannerkartenstil wichtig, bei dem die Textposition das Verhältnis zwischen Bildsichtbarkeit und Overlay-Inhalt verändert. Verwenden Sie sie, um zu entscheiden, ob die Karte stärker bild- oder textorientiert wirken soll.
Tag-Badges
Abschnitt betitelt „Tag-Badges“Mit Tag-Badges können Sie Artikel mit bestimmten Tags hervorheben, indem im Karteneck ein Badge angezeigt wird. Das ist nützlich, wenn Sie Inhalte wie hervorgehobene Geschichten, Ankündigungen, Anleitungen oder saisonale Artikel hervorheben möchten, ohne das vollständige Kartenlayout zu ändern.
Geben Sie Tags als durch Kommas getrennte Liste ein und achten Sie auf eine konsistente Benennung der Tags. Badges funktionieren am besten, wenn sie gezielt eingesetzt werden, damit sie aussagekräftig bleiben und Artikellisten nicht überladen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Struktur zuerst wählen. Legen Sie den Kartenstil fest, bevor Sie Text- und Bildeinstellungen fein abstimmen, da das Layout beeinflusst, wie jede weitere Entscheidung wirkt.
- Mobil separat überprüfen. Prüfen Sie das mobile Bildverhältnis und alle desktop- oder mobilspezifischen Steuerelemente an echten Artikelkarten, damit Zuschnitt, Abstände und Sichtbarkeit in beiden Größen gut funktionieren.
- Details an die Browsing-Absicht anpassen. Zeigen Sie mehr Text für Artikellisten mit Fokus auf Entdeckung und reduzieren Sie den Text für kompaktere oder visuellere Layouts.
- Standardwerte flexibel halten. Leere, transparente oder standardmäßige Werte bewahren in der Regel das Fallback-Styling, während explizite Farben, Verläufe oder Medienüberschreibungen die Karte eigenständiger wirken lassen.
- Badges sparsam einsetzen. Heben Sie nur eine kleine Auswahl wichtiger Tags hervor, damit die Badge-Darstellung auffällig bleibt.
- Grenzen der Inhaltsquelle beachten. Artikelkarten können nur anzeigen, was aus dem ausgewählten Inhalt verfügbar ist, daher können Tags, Artikeldaten, Pagination und verwandte Ergebnisse beeinflussen, was im Raster erscheint.