Extraits de blog

Attirez l’attention des visiteurs en affichant des extraits de vos billets de blog.

Dernière mise à jour le 10 septembre 2024

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 la publication complète.

Si vous écrivez des publications plus longues ou si vos publications comportent plusieurs images ou vidéos, l'affichage d'extraits peut faciliter la navigation et les recherches de vos visiteurs sur votre page Blog.

Ajouter un extrait

Ajoutez votre extrait de texte dans les paramètres de votre billet 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.

Pour ajouter un extrait :

  1. Ouvrez le panneau Pages et cliquez sur votre page Blog, puis sur Contenu du blog.
  2. Dans le panneau latéral, survolez une publication et cliquez sur ..., puis sur Paramètres.
  3. Dans l’onglet Contenu qui s’ouvre, ajoutez une introduction ou un résumé de la publication dans le champ Extrait.
  4. Cliquez sur Enregistrer.

Pour ajouter un extrait à un nouveau billet :

  1. Ouvrez le panneau Pages et cliquez sur votre page Blog.
  2. Créez un nouvel article de blog.
  3. Cliquez sur l’onglet Options.
  4. Ajoutez une introduction ou un résumé de la publication dans le champ Extrait.
  5. Lorsque vous avez fini de créer le billet de blog, cliquez sur Enregistrer ou sur Publier.

Pour ajouter un extrait à un billet existant :

  1. Ouvrez le panneau Pages et cliquez sur votre page Blog.
  2. Survolez le titre d’un billet, puis cliquez sur Modifier.
  3. Cliquez sur l’onglet Options.
  4. Ajoutez une introduction ou un résumé de la publication dans le champ Extrait.
  5. Cliquez sur Enregistrer.

Extrait dʼimage

Sur certains templates, vous pouvez afficher des images contenant des extraits de publication pour donner un aperçu à vos visiteurs. Selon le template, vous devrez créer cette image avec des images mises en avant ou des blocs Promotion :

Vous pouvez ajouter une image aux extraits dans ces familles de templates. Pour en savoir plus, consultez le guide de votre template.

  • Avenue - Blocs Promotion
  • Aviator - Blocs Promotion
  • Brine – Les images mises en avant des publications. Cochez les réglages Afficher l’image et Afficher l’extrait.
  • Farro – Images mises en avant des publications
  • Cinq – Images mises en avant des publications
  • Flatiron - Blocs Promotion
  • Ishimoto – Blocs valorisés ou images mises en avant des publications. Les blocs Promotion remplacent les images mises en avant.
  • Montauk - Blocs Promotion
  • Native – Images mises en avant des publications. Afficher sous forme de cercle. Ne s’affiche pas sur les appareils mobiles.
  • Pacifique – Images mises en avant des publications
  • Skye – Images mises en avant des publications
  • Tremont – Les images mises en avant des publications. Cochez les réglages Afficher l’image et Afficher l’extrait.
  • Wells – Blocs Promotion. Désactivez les blocs valorisés pour afficher plutôt les images mises en avant des publications.
  • Wexley - Blocs Promotion
  • York – Images mises en avant des publications. Cochez les réglages Afficher l’image et Afficher l’extrait.

Astuce

sur tous les templates, vous pouvez afficher des images mises en avant 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. Ouvrez le panneau Pages et cliquez sur la page Blog.
  2. Cliquez sur Modifier en haut à gauche de la 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. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Astuce

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

Vous pouvez afficher des billets complets ou des extraits dans ces familles de templates :

  • Brine
  • Tremont
  • York

 Pour afficher des extraits, activez-les dans les paramètres de la page :

  1. Ouvrez le panneau Pages.
  2. Survolez la page Blog et cliquez sur .
  3. Dans l’onglet Avancé, utilisez le menu déroulant Affichage du billet pour sélectionner Extrait.
  4. Cliquez sur Enregistrer et actualisez la page.

Astuce

Si vous avez plusieurs pages Blog, activez les extraits dans les paramètres de chaque page Blog.

Si les extraits n’apparaissent toujours pas ou si vous utilisez un autre template, passez à l’étape suivante.

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

Utilisez les ajustements de style suivants pour afficher des extraits dans ces familles de templates :

  • Brine - Afficher un extrait dans la section Blog : Liste
  • Skye - Afficher un extrait dans la liste du blog dans la section Options de la grille du blog
  • Tremont - Afficher un extrait dans la section Blog : Liste
  • York - Afficher lʼextrait dans la section Blog : Liste

Liens En savoir plus

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. Ouvrez le panneau Pages et cliquez sur la page Blog.
  2. Cliquez sur Modifier en haut à gauche de la page.
  3. Cliquez sur l'icône crayon.
  4. Dans l'onglet Format, faites défiler la page jusqu'au lien En savoir plus et sélectionnez Afficher ou Masquer.
  5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Police

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

  1. Pendant que vous modifiez votre page Blog, ouvrez le panneau Styles du site, puis cliquez sur >  à côté de Polices.
  2. Cliquez sur Attribuer des styles
  3. Sous Blog, cliquez sur Extrait, puis sur Style et Taille pour attribuer un style à chaque option. 
  4. Cliquez sur Enregistrer.

Couleur

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

  1. Ouvrez le panneau Pages et cliquez sur la page Blog.
  2. Cliquez sur Modifier en haut à gauche de la page.
  3. Cliquez sur lʼicône crayon, puis sur Couleurs.
  4. Sélectionnez un nouveau thème de couleurs ou cliquez sur lʼicône crayon du thème de couleurs choisi pour personnaliser davantage.
  5. Faites défiler l’écran jusquʼà la section Blog correspondant à votre disposition et modifiez la couleur du Lien En savoir plus.
  6. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

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

Ces familles de templates ne comprennent pas de liens « En savoir plus » :

  • Farro
  • Galapagos - Affiche « Continuer » et une flèche   au lieu de « En savoir plus »
  • Pacific
  • Skye

Police et couleur

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 - Utilisez le lien En savoir plus sur les réglages de police et de couleur des liens dans le Blog : Section Typographie et Couleurs des styles de site.
  • Five - Aucune option de style de police.
  • Native - Aucune option de style de police.
  • Tremont - Utilisez les ajustements Lien En savoir plus, Police et Couleur dans la section Blog : Typographie et couleurs.
  • York - Utilisez les ajustements Lien En savoir plus, Police et Couleur dans la section Blog : Typographie et couleurs.

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

Extraits ou billets complets

Lʼaffichage des publications 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 publications complètes au lieu dʼextraits. Pour ce faire :

  1. Ouvrez le panneau Pages et cliquez sur la page Blog.
  2. Cliquez sur Modifier en haut à gauche de la 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é de la publication.
  5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Il nʼest pas possible dʼafficher des publications complètes sur dʼautres dispositions de billets de blog, même si vous masquez les extraits.

Dans la plupart des familles de templates, si votre billet de blog ne contient pas d’extrait, le billet complet s’affiche à la place. Cela signifie que vous pouvez afficher à la fois des extraits et des billets complets sur la page de destination de votre blog. Cet exemple provient du template Adirondack :

example-mixed.png

Dans les templates qui prennent en charge la page Blog grille ou empilée (famille Brine, famille Tremont, famille York), vous pouvez avoir des extraits ou du texte intégral, mais pas les deux. Si vous avez activé les extraits et que vous avez choisi la disposition empilée, assurez-vous que tous vos billets de blog contiennent du texte extrait. Sinon, des zones resteront vides sur la page de destination de votre blog, comme dans cet exemple Brine :

example-not-mixed.png

Les templates avec des pages Blog uniquement en grille n'affichent jamais de publications complètes. Cela inclut les familles de templates suivantes :

  • Farro
  • Skye

Voici un exemple avec le template Farro :

example-none.png

Conseils de rédaction et bonnes pratiques

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

  • Décrivez la publication : résumez la publication en une phrase ou deux pour vos lecteurs.
  • Donnez un avant-goût du premier paragraphe : copiez et collez le premier paragraphe de la publication 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.

Afficher des extraits dans des blocs Sommaire

Si vous voulez créer un style différent pour une page de destination de blog, vous pouvez également utiliser un bloc Sommaire. Les blocs Sommaire proposent plusieurs options de personnalisation, et vous pouvez y afficher des extraits et des images mises en avant pour créer une image similaire à une page Blog.

Pour garantir l’affichage des extraits, activez les boutons Extrait, Miniatureet Lien Lire plus dans l’onglet Design de l’éditeur du bloc Sommaire.

Regarder une vidéo

Cette vidéo concerne la version 7.0.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.