Blog-Feed-Abschnitt
Was Sie lernen werden
Wie man neueste Blogbeiträge in Plain Jane oder Interactive anzeigt
Wie man Layout, Typografie und Stil anpasst
Die Blog-Feed-Abschnitt ermöglicht Ihnen, eine Liste der neuesten Blogbeiträge aus einem ausgewählten Blog anzuzeigen. Dieser Abschnitt ist nützlich, um Aktualisierungen, Neuigkeiten, Lookbooks oder redaktionelle Inhalte direkt auf Ihrer Startseite oder jeder Seite, die Abschnitte unterstützt, zu präsentieren.
💡 Tipp: Dieser Abschnitt zieht die "Blog-Beiträge", die Sie im Shopify-Admin unter erstellt haben,
Onlineshop > Blog-Beiträge. Sie müssen Beiträge veröffentlicht haben, damit sie angezeigt werden.
So fügen Sie den Blog-Feed-Abschnitt hinzu
Gehen Sie in Ihrem Shopify-Administrationsbereich zu Online-Shop > Designs
Klicken Sie Passen Sie neben deinem aktiven Theme
Verwenden Sie das Dropdown-Menü oben, um die Seite auszuwählen, der Sie ihn hinzufügen möchten
Klicken Sie in der linken Seitenleiste Sektion hinzufügen
Wählen Sie Blog-Feed-Abschnitt
Klicken Sie Speichern
Einstellungen für den Blog-Feed
📁 Inhalt & Daten
Blog: Wählen Sie aus, aus welchem Blog (aus dem Shopify-Admin) Beiträge angezeigt werden sollen
Blog-Header-Titel: Passen Sie den Titel an, der über dem Blog-Feed angezeigt wird (z. B. "Aus unserem Journal")
🖥️ Layout & Anzeige
Anzuzeigende Beiträge – Desktop: Anzahl der Artikel, die auf größeren Bildschirmen angezeigt werden sollen
Anzuzeigende Beiträge – Mobil: Anzahl der Artikel, die auf kleineren Bildschirmen angezeigt werden sollen
✍️ Typografie
Titelgröße – Desktop / Mobil: Steuern Sie die Größe Ihres Blog-Header-Textes
Fettgedruckte Sektionsüberschrift: Umschalten, um den Blog-Titel fett zu machen
🎨 Farben
Passen Sie das Erscheinungsbild der einzelnen Blogartikel-Komponenten an:
Hintergrundfarbe
Blog-Titel-Farbe
Hintergrundfarbe der Artikelzeile
Artikel-Randfarbe
Autor-Textfarbe
Artikel-Titel-Farbe
Artikel-Datum-Farbe
Hintergrund-/Text-/Randfarbe des Artikel-Tags
💅 Styling
Eckenradius des Artikel-Tags: Runden Sie die Ecken des Hintergrunds des Artikel-Tags
📏 Abstände
Legen Sie fest, wie viel Abstand (Padding) über/unter dem Abschnitt angezeigt wird:
Abstand oben/unten – Desktop
Abstand oben/unten – Mobil
🧑💻 Benutzerdefiniertes CSS
Verwende die Benutzerdefiniertes CSS Feld, um den Abschnitt mit Ihren eigenen Styles fein abzustimmen.
⚠️ Warnung: Wenn im ausgewählten Blog keine Blogbeiträge veröffentlicht sind, erscheint dieser Abschnitt im Live-Shop leer.
Brauchen Sie Hilfe?
💬 Treten Sie unserer Community auf Discord bei: https://discord.gg/hcc2GvgZc6
📧 Schreiben Sie uns eine E-Mail an: [email protected]
💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website
Zuletzt aktualisiert