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 ?

Mis à jour