Articles de blog

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation de Company XYZ sur le bloc d’article de blog
3. Documentation de Company XYZ sur les paramètres de couleur
4. Documentation de Company XYZ sur les paramètres de carte
5. Documentation de Company XYZ sur les paramètres d’en-tête
6. Documentation de Company XYZ sur les paramètres de largeur de mise en page
7. Documentation de Company XYZ sur les paramètres d’espacement de section
8. Documentation de Company XYZ sur les paramètres d’arrière-plan de section
9. Documentation de Company XYZ sur les paramètres de séparateur
10. Documentation de Company XYZ sur les paramètres des contrôles du diaporama
11. Documentation de Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo Shopify Academy : Personnaliser votre boutique

Vidéo Shopify Academy : Personnaliser votre boutique

Utilisez Articles de blog pour mettre automatiquement en avant des articles à partir d’un blog sélectionné ou créer une liste sélectionnée avec des blocs d’articles manuels. C’est un excellent choix pour les articles récents, les récapitulatifs thématiques et les contenus éditoriaux qui nécessitent davantage de contrôle visuel. Pour les détails de configuration dans l’éditeur de thème, consultez la documentation Shopify sur les sections et les blocs

Contenu dynamique

Cette section peut extraire automatiquement des articles d’un blog ou afficher des articles sélectionnés manuellement. Le contenu automatique est idéal lorsque vous souhaitez que la section reste à jour, tandis que les blocs conviennent mieux lorsque vous voulez une liste éditoriale fixe.

1. Sélectionnez un blog pour alimenter automatiquement la section.
2. Ajoutez un tag pour restreindre le flux à un sujet ou une campagne précise.
3. Définissez le nombre d’éléments en fonction de la quantité de contenu que vous souhaitez afficher à la fois.
4. Triez par titre ou date de publication, puis choisissez l’ordre croissant ou décroissant pour correspondre au récit que vous voulez que la section raconte.

Le filtrage par tag fonctionne uniquement lorsqu’un blog est sélectionné. Si vous souhaitez un ensemble d’articles sélectionnés à la main, utilisez des blocs Blog post plutôt que de vous appuyer sur la source dynamique.

Paramètres de mise en page

Les paramètres de mise en page contrôlent le nombre de cartes affichées par ligne et si la section s’affiche en grille ou en diaporama selon la taille de l’appareil. Cela vous offre beaucoup de flexibilité lorsque vous souhaitez une lecture d’ensemble sur ordinateur et une expérience plus ciblée sur mobile.

1. Utilisez des nombres de colonnes plus élevés lorsque les cartes d’articles sont compactes et centrées sur l’image.
2. Utilisez des nombres de colonnes plus faibles lorsque les titres et les extraits ont besoin de plus d’espace de lecture.
3. Choisissez des mises en page en grille pour une lecture plus rapide.
4. Choisissez des mises en page en diaporama lorsque vous voulez moins de cartes, plus grandes, avec une mise en avant plus forte.

Astuce

Si les colonnes sur tablette sont laissées à 0, la tablette hérite du nombre de colonnes du bureau. C’est utile lorsque vous souhaitez réduire le nombre de décisions de mise en page à gérer.

Paramètres du diaporama

Ces paramètres s’appliquent chaque fois que la mise en page en diaporama est activée sur ordinateur, tablette ou mobile. Ils contrôlent la façon dont les cartes se déplacent, si les diapositives avancent automatiquement et la manière dont les clients naviguent entre les articles. Pour les détails de configuration, consultez les contrôles du diaporama.

1. Choisissez le style d’animation en fonction de l’effet que vous souhaitez : un carrousel standard ou une transition plus ciblée.
2. Associez la vitesse d’animation et le délai d’autoplay pour que le mouvement soit fluide plutôt que distrayant.
3. Activez la boucle pour une navigation continue.
4. Activez la navigation, la pagination et les aperçus de la diapositive suivante uniquement lorsqu’ils facilitent l’utilisation de la section.

L’animation en fondu impose une mise en page sur une seule diapositive. Elle désactive également la pagination et les aperçus de la diapositive suivante, elle fonctionne donc mieux lorsque vous souhaitez mettre en avant un article à la fois.

Paramètres de couleur de carte

Ces paramètres remplacent les couleurs de carte par défaut pour cette section. Ils sont utiles lorsque les cartes d’articles ont besoin d’un contraste plus marqué, d’un aspect plus personnalisé ou d’un traitement différent du reste du site.

1. Utilisez les couleurs d’overlay de bannière uniquement lorsque le style de carte est défini sur bannière.
2. Ajustez soigneusement l’opacité de l’overlay afin que les images mises en avant restent visibles derrière le texte.
3. Modifiez ensemble les couleurs d’arrière-plan, de bordure, de titre et de texte du corps afin de garder les cartes lisibles et visuellement équilibrées.

Attention

Une opacité d’overlay très faible sur les cartes bannière peut rendre les titres difficiles à lire sur des images d’articles chargées.

Paramètres de couleur

Ces paramètres contrôlent les couleurs utilisées dans la zone d’introduction de la section, y compris l’icône, le texte du titre et le texte d’accompagnement. Utilisez-les lorsque la section se trouve sur un arrière-plan personnalisé ou nécessite un contraste plus fort avec le contenu voisin. Pour les détails de configuration, consultez les paramètres de couleur.

1. Ajustez ces couleurs comme un ensemble afin que le titre de la section reste cohérent.
2. Vérifiez à nouveau le contraste après avoir ajouté une image d’arrière-plan, un dégradé ou une vidéo.
3. Limitez les remplacements lorsque les cartes d’articles doivent rester le point focal visuel.

Types de blocs pris en charge

1. Blog post

Article de blog

Utilisez ce bloc pour mettre manuellement en avant une carte d’article précise. C’est le bon choix lorsque vous souhaitez une sélection sélectionnée plutôt qu’un flux mis à jour automatiquement. Pour les détails de configuration, consultez le Article de blog.

1. Utilisez des blocs manuels pour les articles mis en avant, les choix de l’équipe ou le contenu de campagne.
2. Les paramètres de carte au niveau du bloc peuvent remplacer le traitement de carte de la section pour des articles individuels.
3. Le titre de l’éditeur, facultatif, aide à garder les listes sélectionnées organisées pendant que vous travaillez.

Paramètres standard de section

Paramètres d’en-tête

Utilisez les Paramètres d’en-tête pour ajouter une légende, un titre, du texte d’accompagnement, une icône et un bouton facultatif au-dessus de la liste d’articles. C’est utile pour introduire le contenu, nommer un sujet ou créer un lien vers le blog complet. Choisissez un niveau de titre adapté au reste de la structure de la page et gardez le bouton centré sur une action claire.

Paramètres de carte

Utilisez les Paramètres de carte pour contrôler l’apparence des cartes d’articles dans toute la section. Vous pouvez ajuster le style de carte, les ratios d’image, la densité du texte, le contenu de la légende, l’alignement et le traitement du bouton sans modifier chaque article individuellement. Ces paramètres sont le principal moyen d’ajuster l’équilibre entre impact visuel et lisibilité.

Paramètres d’espacement

Utilisez les Paramètres d’espacement pour contrôler l’espace au-dessus et en dessous de la section. Ajoutez davantage d’espacement lorsque ce contenu a besoin d’oxygène, ou réduisez-le lorsque la mise en page environnante est déjà aérée. Vérifiez également l’espacement sur mobile afin que la section ne paraisse pas trop haute.

Paramètres d’arrière-plan de section

Utilisez les Paramètres d’arrière-plan de section pour ajouter une couleur, un dégradé, une image ou une vidéo derrière la section. Cela peut aider la collection d’articles à paraître plus éditoriale ou visuellement distincte des sections voisines. Les traitements d’arrière-plan peuvent affecter le contraste et l’espacement perçu ; examinez donc à la fois la zone du titre et les cartes après les modifications.

Paramètres de séparateur

Utilisez les Paramètres de séparateur pour ajouter une ligne au-dessus ou au-dessous de la section. Les séparateurs peuvent aider à définir cette zone sur les longues pages comportant plusieurs blocs de contenu. Si la couleur du séparateur est transparente, la couleur de bordure du thème est utilisée à la place.

Paramètres de visibilité

Utilisez les Paramètres de visibilité pour afficher ou masquer la section selon le type d’appareil. C’est utile lorsque vous voulez une présentation d’articles plus simple sur mobile ou une stratégie de mise en page différente selon les tailles d’écran. Utilisez-le avec précaution afin qu’aucun contenu important ne manque sur un appareil.

Paramètres de largeur

Utilisez les Paramètres de largeur pour contrôler la largeur maximale du contenu et la largeur externe de la section. Des largeurs plus étroites peuvent améliorer le confort de lecture des titres et des extraits, tandis que des mises en page plus larges peuvent accueillir plus de colonnes ou une rangée de cartes plus immersive. Il est préférable de vérifier les modifications de largeur dans l’aperçu de la page en direct, car les aperçus de l’éditeur peuvent être trompeurs.

Notes d’utilisation

1. Choisissez une seule méthode d’alimentation. Utilisez un blog sélectionné pour du contenu mis à jour automatiquement, ou utilisez des blocs Blog post lorsque la curation compte davantage que la fraîcheur.
2. Attendez-vous à ce que les blocs modifient la section. L’ajout de blocs d’articles peut remplacer un flux simple ou le compléter ; examinez donc le résultat après être passé du contenu automatique à une curation manuelle.
3. Adaptez la mise en page au comportement de lecture. Les grilles sont généralement plus adaptées à la consultation de plusieurs articles, tandis que les diaporamas sont plus adaptés à la mise en avant d’un plus petit nombre d’articles.
4. Vérifiez les deux tailles d’appareil. Les contrôles pour ordinateur et mobile peuvent produire des espacements, un alignement et un comportement de navigation différents ; assurez-vous donc que la section reste lisible sur chaque zone d’affichage.
5. Utilisez les remplacements intentionnellement. Les remplacements de carte et de couleur à l’échelle de la section fonctionnent mieux lorsqu’ils soutiennent un style éditorial clair plutôt que de mélanger plusieurs traitements concurrents.
6. Examinez attentivement le traitement des médias. Si vous utilisez différents médias ou arrière-plans, assurez-vous que le recadrage et la lisibilité continuent de bien servir les cartes d’articles.