Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Extraits de blog

Les extraits de blog donnent à vos lecteurs un avant‑goût de lʼarticle de blog complet. Lorsque les visiteurs remarquent un extrait qui attire leur attention, ils peuvent choisir de cliquer sur le titre, lʼimage ou le lien « Lire la suite » pour ouvrir lʼarticle complet.

If you write longer posts, or if your posts have several images or videos, showing excerpts can make your Blog Page easier for visitors to browse and navigate.

Ajouter un extrait

Ajoutez votre extrait de texte dans lʼonglet Options des paramètres de chaque article de blog. Vous pouvez également suivre ces étapes pour ajouter des extraits aux événements sur les pages Événements. Les étapes à suivre dépendent de la version de Squarespace de votre site.

To add an excerpt to a new post:

  1. Dans le Menu principal, cliquez sur Pages, puis sur votre page Blog.
  2. Créez un nouvel article de blog.
  3. Cliquez sur icône-engrenage dans le coin supérieur droit pour ouvrir les paramètres de lʼarticle.
  4. Click the Options tab.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Cliquez sur Enregistrer, puis finissez de créer votre article de blog.

To add an excerpt to an existing post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over a post title, then click Edit.
  3. Cliquez sur icône-engrenage dans le coin supérieur droit pour ouvrir les paramètres de lʼarticle.
  4. Cliquez sur l’onglet Options.
  5. Add an introduction or summary of the post in the Excerpt field.
  6. Cliquez sur Enregistrer.

To add an excerpt to a new post:

  1. In the Home Menu, click Pages, and then click your Blog Page.
  2. Créez un nouvel article de blog.
  3. Click the Options tab.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. Lorsque vous avez fini de créer lʼarticle de blog, cliquez sur Enregistrer ou Enregistrer & publier.

To add an excerpt to an existing post:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over a post title, then click Edit.
  3. Cliquez sur l’onglet Options.
  4. Add an introduction or summary of the post in the Excerpt field.
  5. Cliquez sur Enregistrer.

Extrait dʼimage

Sur certains templates, vous pouvez afficher des images contenant des extraits dʼarticle pour donner un aperçu à vos visiteurs. Selon le template, vous devrez créer cette image avec des images miniatures ou des blocs Promotion :

You can add an image to excerpts in these template families. To learn more, visit your template's guide.

  • Avenue - Promoted Blocks
  • Aviator - Promoted Blocks
  • Brine - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Farro - Post thumbnails
  • Five - Post thumbnails
  • Flatiron - Promoted Blocks
  • Ishimoto - Promoted Blocks or post thumbnails. Promoted Blocks override thumbnail images.
  • Montauk - Promoted Blocks
  • Native - Post thumbnails. Display as a circle. Won't display on mobile.
  • Pacific - Post thumbnails
  • Skye - Post thumbnails
  • Tremont - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
  • Wells - Promoted Blocks. Disable promoted blocks to display post thumbnails instead.
  • Wexley - Promoted Blocks
  • York - Post thumbnails. Check the Show Image and Show Excerpt tweaks.
Remarque : sur tous les templates, vous pouvez afficher des images miniatures avec extraits dans les blocs Sommaire.

Lʼextrait ne sʼaffiche pas

Si vous avez ajouté un extrait, puis enregistré et actualisé la page et que lʼextrait nʼapparaît toujours pas, il se peut que vous deviez modifier les paramètres de votre site.

La plupart des dispositions de pages Blog affichent automatiquement des extraits. Sʼils nʼapparaissent pas, modifiez les styles de section de votre blog :

  1. Dans le menu principal, cliquez sur Pages, puis sur la page Blog.
  2. Click Edit in the top-left corner of the page.
  3. Cliquez sur l’icône crayon.
  4. Dans lʼonglet Format, faites défiler jusquʼà Extrait et sélectionnez Afficher. Pour la disposition Blog à une seule colonne, sélectionnez Extrait et Titre dans la liste déroulante Affichage du contenu.
  5. Survolez Terminé et cliquez sur Enregistrer.
Remarque : si vous avez plusieurs pages Blog, répétez ces étapes pour chaque page.

Certains templates vous donnent la possibilité dʼajouter des extraits sans les afficher sur votre page Blog. Sʼils ne sʼaffichent pas, vous devrez peut-être activer les extraits dans les paramètres de page, dans les styles de site ou les deux. Suivez les étapes ci-dessous sur ordinateur pour activer les extraits dans votre template.

Étape 1 - Activer les extraits dans les paramètres de page

You can either display full posts or excerpts in these template families:

  • Brine
  • Tremont
  • York

 To show excerpts, enable them in page settings:

  1. In the Home Menu, click Pages.
  2. Hover over the Blog Page and click .
  3. In the Advanced tab, use the Post Display drop-down menu to choose Excerpt.
  4. Cliquez sur Enregistrer et actualisez la page.
Tip: If you have multiple Blog Pages, enable excerpts in each Blog Page's settings.

If the excerpts still don't appear, or if you're using a different template, move on to the next step.

Étape 2 - Activer les extraits dans les styles de site

Use the following style tweaks to show excerpts in these template families:

  • Brine - Show Excerpt in the Blog: List section
  • SkyeShow Excerpt On Blog List in the Blog Grid Options section
  • TremontShow Excerpt in the Blog: List section
  • York - Afficher lʼextrait dans la section Blog : Liste

Read More links

Sur la plupart des sites Squarespace, les extraits dʼarticle de blog incluent automatiquement un lien « Lire la suite » qui redirige vers lʼarticle complet. Les options dʼaffichage et de style dépendent de la version de Squarespace de votre site.

Les liens « Lire la suite » peuvent sʼafficher indépendamment des extraits dʼarticles de blog. Pour afficher ou masquer le lien « Lire la suite », modifiez les styles de section de votre blog :

  1. Dans le menu principal, cliquez sur Pages, puis sur la page Blog.
  2. Click Edit in the top-left corner of the page.
  3. Cliquez sur l’icône crayon.
  4. Dans lʼonglet Format, faites défiler la page jusquʼà Lien Lire la suite et sélectionnez Afficher ou Masquer.
  5. Survolez Terminé et cliquez sur Enregistrer.

Police

Pour modifier la police du lien « Lire la suite » :

  1. Dans le Menu principal, cliquez sur Design, puis sur Polices.
  2. Cliquez sur  pour le pack de polices que vous avez sélectionné.
  3. Les extraits et les liens « Lire la suite » appliquent par défaut les paramètres des paragraphes.
  4. Pour personnaliser les extraits et les liens « Lire la suite » indépendamment dʼun autre texte de paragraphe, cliquez sur Avancé, puis choisissez Personnaliser sous Style et Taille.

Couleur

La couleur du lien « Lire la suite » applique le thème de couleur de votre section. Pour le modifier :

  1. Dans le menu principal, cliquez sur Pages, puis sur la page Blog.
  2. Click Edit in the top-left corner of the page.
  3. Cliquez sur lʼicône en forme de crayon, puis sur Couleurs.
  4. Sélectionnez un nouveau thème de couleur ou cliquez sur lʼicône en forme de crayon sur le thème de couleur sélectionné pour la personnaliser davantage.
  5. Faites défiler jusquʼà la section Blog correspondant à votre disposition et modifiez la couleur sous Lien Lire la suite.
  6. Cliquez sur Enregistrer.

La plupart des templates incluent un lien « Lire la suite » dans les extraits. Certains comprennent également un symbole + ou →.

These template families don't include "Read More" links:

  • Farro
  • Galapagos - Displays "Continue" and an arrow instead of "Read More"
  • Pacific
  • Skye

Font and color

Dans la plupart des templates, le lien « Lire la suite » utilise la même police que le corps de texte de votre site et la même couleur que les liens dans le corps de texte. Notez que les familles de templates suivantes ont des paramètres de style différents :

  • Brine - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section of Site Styles.
  • Five - No font style options.
  • Native - No font style options.
  • Tremont - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.
  • York - Use the Read More Link Font and Color tweaks in the Blog: Typography & Colors section.

Les extraits de la page Événement nʼaffichent pas les liens « Lire la suite ».

Excerpts vs. full posts

Lʼaffichage des articles sans extraits sur votre page Blog dépend de la version de Squarespace de votre site.

La disposition Blog à une seule colonne peut afficher des articles complets au lieu dʼextraits. Pour ce faire :

  1. Dans le menu principal, cliquez sur Pages, puis sur la page Blog.
  2. Click Edit in the top-left corner of the page.
  3. Cliquez sur l’icône crayon.
  4. Dans lʼonglet Format, faites défiler jusquʼà Affichage du contenu et sélectionnez Lʼintégralité du billet.
  5. Survolez Terminé et cliquez sur Enregistrer.

Il nʼest pas possible dʼafficher des articles complets sur dʼautres dispositions dʼarticles de blog, même si vous masquez les extraits.

In most template families, if your blog post doesn't have an excerpt, the full post displays instead. This means you can mix excerpts and full posts on your blog landing page. This example is from the Adirondack template:

example-mixed.png

In templates that support the grid/stacked Blog Page (Brine family, Tremont family, York family), you can either have excerpts or full text, but not both. If you've enabled excerpts, and you've chosen the stacked layout, ensure all your blog posts include excerpt text. Otherwise, you'll end up with blank areas on your blog landing page, like in this Brine example:

example-not-mixed.png

Templates with grid-only Blog Pages never show full posts. This includes these template families:

  • Farro
  • Skye

Here's an example in the Farro template:

example-none.png

Writing tips and best practices

Un bon extrait doit susciter lʼintérêt de vos lecteurs. Voici quelques idées pour commencer :

  • Décrivez lʼarticle : résumez lʼarticle en une phrase ou deux pour vos lecteurs.
  • Donnez un avant-goût du premier paragraphe : copiez et collez le premier paragraphe de lʼarticle et terminer avec des ellipses (...) pour donner envie aux lecteurs dʼen lire plus.
  • Posez une question : interpellez les lecteurs avec une question et invitez-les à cliquer pour découvrir la réponse.

Display excerpts in Summary Blocks

To create a different style for a blog landing page, you can also use a Summary Block. Summary Blocks have several customization options, and you can display excerpts and thumbnail images in them to create a similar feel to a Blog Page.

Pour savoir comment configurer un bloc Sommaire contenant vos articles de blog, consultez lʼarticle Afficher des éléments de collection dans les blocs Sommaire. Pour vous assurer que les extraits sʼaffichent, cochez la case Afficher lʼextrait, Afficher la miniature et Afficher le lien Lire la suite dans lʼonglet Affichage de lʼéditeur du bloc Sommaire.

Regarder une vidéo

Cette vidéo concerne la version 7.0.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 61 sur 208