Réussi
Paramètres de carte d’article
Contrôlez le design par défaut et le contenu affiché sur les cartes d’article dans votre thème.
Ces paramètres définissent l’apparence par défaut des cartes d’article dans votre thème. Utilisez-les pour créer une expérience de lecture et de navigation cohérente dans les listes de blog, les zones d’articles mis en avant et les autres emplacements où les articles apparaissent, tout en permettant aux sections individuelles de remplacer les valeurs par défaut lorsque nécessaire. Pour un contexte de configuration plus large, consultez la documentation Shopify sur l’éditeur de thème et la documentation Shopify sur les sections et les blocs
Vous pouvez également consulter la référence de carte d’article pour un contexte supplémentaire.
Mise en page de la carte et forme de l’image
Section intitulée « Mise en page de la carte et forme de l’image »Commencez par le style de carte, car il définit la structure générale et le ton des aperçus d’article. Un style plus visuel peut donner au contenu éditorial une impression plus riche, tandis qu’un style plus simple peut aider les grilles d’articles denses à paraître plus nettes et plus faciles à parcourir.
Le ratio d’aspect de l’image contrôle la façon dont les images d’article sont recadrées à l’intérieur de chaque carte. Comme les ratios pour ordinateur et mobile sont définis séparément, vous pouvez conserver des cartes équilibrées sur les grands écrans tout en évitant des recadrages maladroits sur les petits appareils.
Si les images de vos articles varient beaucoup en forme ou en composition, choisissez des ratios d’image qui restent intentionnels une fois recadrés. Des ratios cohérents produisent généralement une grille de cartes plus soignée.
Texte, métadonnées et appels à l’action
Section intitulée « Texte, métadonnées et appels à l’action »Ces paramètres contrôlent la quantité d’informations d’article affichée sur la carte. Vous pouvez mettre l’accent sur la découverte avec le titre et l’extrait, conserver une présentation plus compacte avec le titre seul, ou réduire davantage le texte lorsque la mise en page se veut plus visuelle.
Les paramètres de légende vous permettent d’afficher l’auteur, la date, les deux ou aucun des deux. Cela peut vous aider à trouver un équilibre entre contexte éditorial et simplicité visuelle, selon l’importance de l’actualité et de l’auteur dans votre stratégie de contenu.
Le style du bouton modifie l’intensité avec laquelle la carte signale l’interaction. Des styles de bouton plus marqués peuvent aider dans les mises en page riches en contenu, tandis que des styles plus légers conviennent bien lorsque la carte elle-même indique déjà clairement qu’elle est cliquable.
Alignement et positionnement du texte
Section intitulée « Alignement et positionnement du texte »L’alignement horizontal influence le caractère plus formel ou plus orienté design des cartes. Un texte aligné à gauche est généralement le plus facile à parcourir dans les grilles d’articles, tandis qu’un texte centré peut convenir à des mises en page plus stylisées.
L’alignement vertical du texte compte surtout avec le style de carte bannière, où le placement du texte modifie l’équilibre entre la visibilité de l’image et le contenu superposé. Utilisez-le pour décider si la carte doit sembler davantage guidée par l’image ou par le texte.
Badges de tag
Section intitulée « Badges de tag »Les badges de tag vous permettent de mettre en avant des articles avec des tags spécifiques en affichant un badge dans le coin de la carte. C’est utile lorsque vous souhaitez signaler des contenus tels que des articles mis en avant, des annonces, des guides ou des articles saisonniers sans modifier la mise en page complète de la carte.
Saisissez les tags sous forme de liste séparée par des virgules et conservez une nomenclature cohérente. Les badges fonctionnent mieux lorsqu’ils sont utilisés de manière sélective afin de rester significatifs et de ne pas surcharger les listes d’articles.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Choisissez d’abord la structure. Définissez le style de carte avant d’affiner les paramètres de texte et d’image, car la mise en page influence la manière dont chaque autre choix est perçu.
- Vérifiez le mobile séparément. Contrôlez le ratio d’image mobile et tous les contrôles spécifiques au bureau ou au mobile sur de vraies cartes d’article afin de vérifier que le recadrage, l’espacement et la visibilité fonctionnent bien aux deux tailles.
- Adaptez le niveau de détail à l’intention de navigation. Affichez plus de texte pour les listes d’articles axées sur la découverte, et réduisez le texte pour des mises en page plus compactes ou plus visuelles.
- Conservez des valeurs de base flexibles. Les valeurs vides, transparentes ou de style par défaut préservent généralement le style de repli, tandis que les couleurs, dégradés ou remplacements de média explicites rendent la carte plus autonome.
- Utilisez les badges avec parcimonie. Mettez en avant uniquement un petit nombre de tags importants afin que le traitement par badge reste visible.
- Attendez-vous aux limites de la source de contenu. Les cartes d’article ne peuvent afficher que ce qui est disponible à partir du contenu sélectionné, de sorte que les tags, les données d’article, la pagination et les résultats associés peuvent influencer ce qui apparaît dans la grille.