# 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