Section flux du 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 à partir d'un blog sélectionné. Cette section est utile pour présenter des mises à jour, des actualités, des lookbooks ou du contenu éditorial directement sur votre page d'accueil ou toute page prenant 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 Fil de blog

  1. Depuis votre administrateur Shopify, allez à Boutique en ligne > Thèmes

  2. Cliquez sur Personnaliser les à 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 sur Ajouter une section

  5. Sélectionnez Section flux de blog

  6. Cliquez sur Enregistrer


Paramètres du fil de blog

📁 Contenu et 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 qui s'affiche au-dessus du fil de blog (par ex. « Depuis notre journal »)

🖥️ Mise en page et affichage

  • Articles à afficher – Bureau : Nombre d'articles à afficher sur les grands écrans

  • Articles à afficher – Mobile : Nombre d'articles à afficher sur les petits écrans

✍️ 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 du tag de l'article

💅 Style

  • Rayon de bordure du tag de l'article : Arrondir les coins de l'arrière-plan du tag de l'article

📏 Espacement

Définissez la quantité de remplissage apparaissant 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.


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

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

Mis à jour