Extraits

Liens en vedette

1. Documentation Shopify sur l’ajout et la gestion des articles de blog
2. Documentation Shopify sur l’utilisation de l’éditeur de texte enrichi pour le contenu

Dans le thème Align de Company XYZ, utilisez un Excerpt ou un saut « lire la suite » pour contrôler le court texte teaser affiché pour les articles de blog. Ces options ont des fonctions différentes : certaines mises en page d’Align utilisent une seule source, tandis que d’autres suivent un ordre de priorité.

Pour plus de détails sur la modification des articles de blog dans Shopify, consultez la documentation Shopify sur l’ajout et la gestion des articles de blog

Ce qui contrôle le texte teaser

Align peut utiliser deux sources pour le contenu court d’un article :

1. Le champ Excerpt dédié dans l’éditeur d’articles de blog Shopify.
2. Un saut « lire la suite » placé dans le corps de l’article.

Elles ne sont pas interchangeables dans toutes les mises en page. Les cartes d’articles utilisent généralement le champ Excerpt, tandis que les héros et les accordéons peuvent prendre en charge un saut « lire la suite ».

Utiliser le champ Excerpt

Utilisez le champ Excerpt lorsque vous avez besoin d’un résumé concis distinct du corps principal de l’article.

1. En-têtes d’articles et de héros. Lorsqu’un héros d’article, de collection ou de page pris en charge ne contient aucun saut « lire la suite », il peut utiliser l’extrait renseigné.
2. Cartes d’articles. Les grilles, les sections de blog à la une, les blocs d’articles de blog en diaporama et les mises en page d’articles associés affichent généralement une ligne de description uniquement lorsque Excerpt est renseigné. Ce texte est affiché en texte brut, sans mise en forme du corps.
3. Résumés d’articles structurés. Un extrait renseigné peut fournir la description de l’article lorsqu’Align génère des métadonnées structurées.

Si Excerpt est vide, de nombreuses mises en page de cartes n’affichent pas de ligne de description, même lorsque le corps de l’article est long ou contient un saut « lire la suite ».

Utiliser un saut « lire la suite » dans le corps de l’article

Ajoutez un marqueur « lire la suite » dans la vue HTML ou code du corps de l’article afin de le séparer en un teaser et en contenu restant :

<!-- more -->

Pour plus de détails sur l’éditeur, consultez la documentation Shopify sur l’utilisation de l’éditeur de texte enrichi pour le contenu

1. Le contenu situé au-dessus du marqueur devient le contenu teaser dans les mises en page qui prennent en charge le marqueur.
2. Le contenu situé sous le marqueur continue de s’afficher normalement sur la page complète de l’article.
3. Le marqueur n’est pas visible par les lecteurs et ne renseigne pas le champ Excerpt.

Priorité du héros

Pour les héros d’articles et les héros similaires pris en charge, Align choisit le texte teaser dans l’ordre suivant :

1. Le contenu situé avant <!-- more -->, lorsque le marqueur est présent.
2. Le champ Excerpt, lorsqu’il n’y a aucun saut « lire la suite » et que le champ est renseigné.
3. Aucun teaser, lorsque aucune des deux options n’est configurée.

Align ne crée pas automatiquement de teaser à partir du premier paragraphe du corps de l’article.

Afficher des extraits dans les accordéons

Les sections en accordéon peuvent afficher du contenu de type extrait au lieu de l’intégralité du corps d’un article ou d’une page.

1. Articles de blog. Lorsque le mode extrait est activé et que l’article contient <!-- more -->, l’accordéon affiche uniquement le contenu situé avant le marqueur. En l’absence de marqueur, il peut utiliser le champ Excerpt lorsqu’il est disponible ; sinon, il peut afficher l’intégralité du contenu de l’article.
2. Pages. Le mode extrait des pages repose sur un saut « lire la suite » dans le corps de la page. Ce comportement de l’accordéon n’utilise pas de champ d’extrait distinct pour les pages.

Astuce

Ajoutez un saut « lire la suite » aux articles affichés dans les accordéons afin d’éviter que les articles longs ne créent des panneaux trop volumineux.

Afficher des résumés sur les cartes d’articles

Les cartes d’articles sont la mise en page la plus stricte en matière de contenu extrait.

1. La description sous le titre apparaît uniquement lorsque Excerpt est renseigné.
2. Un saut « lire la suite » ne fournit pas la description de la carte.
3. Les descriptions des cartes utilisent du texte brut pour rester lisibles dans les mises en page compactes.

Contenu complet de l’article

La page complète de l’article affiche toujours l’intégralité du corps de l’article, y compris le contenu situé sous <!-- more -->. Les extraits et les sauts « lire la suite » influencent les surfaces de teaser telles que les héros, les accordéons et les cartes, mais pas le corps de l’article lui-même.

Search et partage sur les réseaux sociaux

1. Descriptions d’articles structurées. Lorsque Excerpt est renseigné, Align peut l’utiliser pour la description d’un article dans les métadonnées structurées. Les paramètres de titre et de description SEO de la boutique peuvent toujours influencer de nombreux aperçus de partage.
2. Résumés cohérents. Utilisez Excerpt lorsque vous avez besoin d’une courte description fiable pour les cartes et les métadonnées. Utilisez un saut « lire la suite » lorsque vous souhaitez également contrôler la longueur du teaser dans les héros et les accordéons pris en charge.

Exemples de scénarios

1. Un teaser partout. Renseignez Excerpt pour les cartes et les métadonnées, puis ajoutez <!-- more --> au corps lorsque vous souhaitez également contrôler la séparation dans les héros et les accordéons sans dupliquer un long code HTML dans le champ d’extrait.
2. Article long sans extrait. Les cartes restent limitées au titre jusqu’à ce que vous ajoutiez un Excerpt. Ajoutez <!-- more --> lorsque vous avez uniquement besoin d’un contenu teaser dans les héros ou les accordéons.
3. Teaser uniquement dans un accordéon. Activez le mode extrait dans l’accordéon et ajoutez <!-- more --> à l’article pour garder des panneaux courts. En l’absence de marqueur ou d’extrait, l’accordéon peut afficher l’intégralité de l’article.

Notes d’utilisation

1. Utilisez le bon mode d’édition. Insérez <!-- more --> dans la vue HTML ou code afin que le commentaire soit enregistré littéralement. Un contrôle visuel « lire la suite » peut ne pas insérer le même marqueur, sauf si votre processus le confirme.
2. Prévoyez la mise en forme. Les héros et les accordéons peuvent conserver la mise en forme du segment teaser, tandis que les cartes d’articles utilisent une description en texte brut.
3. Vérifiez les autres modèles de héros. Les héros de pages et de collections pris en charge peuvent utiliser la même logique d’extrait et de saut « lire la suite » que les héros d’articles.
4. Gardez les teasers autonomes. Les contrôles facultatifs « lire plus » et « lire moins » peuvent développer sur place les longs extraits de héros. Rédigez donc un texte teaser qui reste compréhensible lorsqu’il est lu seul.