# Section flux de blog

### Ce que vous apprendrez

* Comment afficher les articles de blog récents dans Plain Jane ou Interactive
* Comment personnaliser la mise en page, la typographie et le style

***

Le **Section flux de blog** vous permet d'afficher une liste d'articles de blog récents issus d'un blog sélectionné. Cette section est utile pour mettre en valeur des mises à jour, des actualités, des lookbooks ou du contenu éditorial directement sur votre page d'accueil ou toute page qui prend en charge les sections.

> 💡 Astuce : Cette section puise dans les « Articles de blog » que vous avez créés dans votre administration Shopify sous `Boutique en ligne > Articles de blog`. Vous devez avoir des articles publiés pour qu'ils apparaissent.

### Comment ajouter la section Flux de blog

1. Depuis votre administration Shopify, allez à **Boutique en ligne > Thèmes**
2. Cliquer sur **Personnaliser** à côté de votre thème actif
3. Utilisez le menu déroulant en haut pour sélectionner la page à laquelle vous souhaitez l'ajouter
4. Dans la barre latérale gauche, cliquez **Ajouter une section**
5. Sélectionnez **Section flux de blog**
6. Cliquer sur **Enregistrer**

***

### Paramètres du flux de blog

#### 📁 Contenu & Données

* **Blog** : Sélectionnez le blog (depuis l'administration Shopify) à partir duquel afficher les articles
* **Titre de l'en-tête du blog** : Personnalisez le titre affiché au-dessus du flux de blog (par ex. « De notre journal »)

#### 🖥️ Mise en page & Affichage

* **Articles à afficher – Bureau** : Nombre d'articles à afficher sur les écrans plus larges
* **Articles à afficher – Mobile** : Nombre d'articles à afficher sur les écrans plus petits

#### ✍️ Typographie

* **Taille du titre – Bureau / Mobile** : Contrôlez la taille du texte de l'en-tête du blog
* **Titre de section en gras** : Activer pour rendre le titre du blog en gras

#### 🎨 Couleurs

Personnalisez l'apparence des composants de chaque article de blog :

* **Couleur d'arrière-plan**
* **Couleur du titre du blog**
* **Couleur d'arrière-plan de la ligne d'article**
* **Couleur de la bordure de l'article**
* **Couleur du texte de l'auteur**
* **Couleur du titre de l'article**
* **Couleur de la date de l'article**
* **Couleur d'arrière-plan/texte/bordure de l'étiquette de l'article**

#### 💅 Style

* **Rayon de bordure de l'étiquette de l'article** : Arrondissez les coins de l'arrière-plan de l'étiquette de l'article

#### 📏 Espacement

Définissez la quantité de padding à afficher au-dessus/en dessous de la section :

* **Espacement haut/bas – Bureau**
* **Espacement haut/bas – Mobile**

#### 🧑‍💻 CSS personnalisé

Utilisez la **CSS personnalisé** champ pour affiner la section avec vos propres styles.

***

> ⚠️ Attention : Si aucun article de blog n'est publié dans le blog sélectionné, cette section apparaîtra vide dans la boutique en ligne.

### **Besoin d’aide ?**

* 💬 **Rejoignez notre communauté sur Discord :** <https://discord.gg/hcc2GvgZc6>
* 📧 **Envoyez-nous un e-mail à :** <support@openspaces.design>
* 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/sections-and-features/blog-feed-section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
