# 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

1. Gehen Sie in Ihrem Shopify-Administrationsbereich zu **Online-Shop > Designs**
2. Klicken Sie **Passen Sie** neben deinem aktiven Theme
3. Verwenden Sie das Dropdown-Menü oben, um die Seite auszuwählen, der Sie ihn hinzufügen möchten
4. Klicken Sie in der linken Seitenleiste **Sektion hinzufügen**
5. Wählen Sie **Blog-Feed-Abschnitt**
6. 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:** <support@openspaces.design>
* 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website