Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des extraits à vos pages dans WordPress (étape par étape)

L’ajout de résumés concis de votre page peut améliorer de manière significative l’expérience des utilisateurs/utilisatrices et la visibilité dans les moteurs de recherche.

Les extraits sont de courts extraits de votre contenu qui font office de description, de récapitulatif ou de petits détails sur une publication ou une page. Par défaut, les extraits sont uniquement disponibles pour les publications dans WordPress.

Chez WPBeginner, nous avons écrit des centaines de tutoriels au fil des ans et comprenons que certains utilisateurs/utilisatrices peuvent également vouloir afficher des extraits de pages sur leur site pour élever les performances du site.

Dans cet article, nous allons vous afficher comment ajouter facilement des extraits à vos pages sur WordPress, étape par étape.

Add Excerpts to Your Pages in WordPress

Pourquoi ajouter des extraits aux pages de WordPress ?

WordPress propose des publications et des pages comme deux types de contenu par défaut. Les publications s’affichent dans l’ordre chronologique inverse (du plus récent au plus ancien) sur votre blog ou votre page d’accueil.

Les pages, quant à elles, sont des contenus autonomes qui ne sont pas triés afin d’être commandés dans le temps. Elles sont généralement utilisées pour du contenu inactif, comme votre page« À propos » ou  » Contact« .

Parfois, vous pouvez avoir besoin d’afficher des extraits de vos pages. Par exemple, cela peut être pratique si vous avez construit un site WordPress utilisant uniquement des pages.

Les extraits peuvent offrir une meilleure expérience globale aux utilisateurs/utilisatrices en permettant aux internautes de parcourir plus facilement votre contenu et de voir un résumé de vos pages.

Ceci étant dit, voyons comment ajouter des extraits à vos pages dans WordPress et les afficher sur votre site. Vous pouvez utiliser les liens rapides ci-dessous pour passer d’une méthode à l’autre :

Comment ajouter des extraits aux pages de WordPress

Vous pouvez activer les extraits de page dans WordPress en ajoutant un code personnalisé au fichier functions.php de votre thème.

Cependant, la moindre erreur lors de la saisie du code peut mettre à mal votre site. De plus, si vous changez de thème ou si vous le mettez à jour, vous devrez à nouveau ajouter le code.

C’est là que WPCode entre en jeu. C’est la meilleure extension d’extraits de code WordPress sur le marché, et il rend sûr et facile d’ajouter du code personnalisé à votre site.

Tout d’abord, vous devez installer et activer l’extension WPCode. Pour des instructions détaillées, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note: WPCode a une offre gratuite que vous pouvez utiliser pour ce tutoriel. Cependant, passer à la version pro vous donnera accès à une bibliothèque cloud d’extraits de code, à une logique conditionnelle intelligente et à l’option de bloc personnalisé.

Une fois activé, visitez la page Code Snippets  » + Add Snippet à partir du tableau de bord WordPress. Ici, cliquez sur le bouton  » Utiliser l’extrait  » sous l’option  » Ajouter votre code personnalisé (nouvel extrait) « .

Add new snippet

Vous accéderez à la page « Créer un extrait personnalisé », où vous pourrez commencer par ajouter un nom à l’extrait. Ce nom est uniquement destiné à vous identifier et ne sera pas affiché sur l’interface publique de votre site.

Sélectionnez ensuite l’option « Extrait PHP » dans le menu déroulant de droite.

Choose the PHP Snippet option for the page excerpts code

Vous devez maintenant ajouter le code personnalisé suivant dans la case « Prévisualisation du code » :

add_post_type_support( 'page', 'excerpt' );

Ensuite, défilez vers le bas jusqu’à la section « Insertion » et choisissez le mode « Insertion automatique ».

Le code personnalisé sera automatiquement activé sur votre site dès que vous aurez activé l’extrait.

Choose insertion method

Ensuite, défilez vers le haut de la page et permutez le commutateur « Inactif » sur « Actif ».

Enfin, cliquez sur le bouton « Enregistrer l’extrait » pour stocker vos réglages.

Click the Save Snippet button for the page excerpts code

Ouvrez maintenant la page où vous souhaitez ajouter un extrait dans l’éditeur de blocs de WordPress.

Une fois que vous avez fait cela, vous remarquerez un onglet « Extrait » dans le panneau de bloc sur le côté droit de l’écran.

Ici, vous pouvez facilement déplier l’onglet et ajouter un extrait pour votre page WordPress.

Add page excerpts in the Excerpts tab in the block panel

N’oubliez pas de cliquer sur le bouton « Mettre à jour » ou « Publier » pour stocker vos modifications.

Maintenant, il suffit de répéter le processus pour toutes les pages WordPress où vous souhaitez ajouter des extraits.

Comment afficher des extraits de page dans WordPress

Maintenant que vous avez ajouté la fonctionnalité d’extrait à vos pages, il est temps d’afficher ces extraits sur votre site WordPress.

Pour ce faire, vous devrez ajouter un code court à votre zone de widget ou à votre page.

Tout d’abord, vous devez installer et activer l’extension Display Posts. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Cette extension permet d’activer un code court qui affiche 10 pages récentes avec leur titre, un extrait et un lien pour continuer la lecture.

Si vous n’avez pas saisi d’extrait personnalisé pour une page, l’extension génère automatiquement un extrait d’une longueur par défaut de 55 mots.

Méthode 1 : Afficher des extraits de page sur une page WordPress

Lors de l’activation, vous devez créer une nouvelle page où vous souhaitez afficher une liste de vos pages et de leurs extraits.

Une fois que vous y êtes, cliquez sur le bouton d’ajout de bloc ‘+’ pour ouvrir le menu de bloc et ajouter le bloc Shortcode. Ensuite, collez le code court suivant dans le bloc lui-même :

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add the page excerpt shortcode in the block editor

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » pour stocker vos Réglages.

Il vous suffit maintenant de vous rendre sur votre site WordPress pour voir la liste des extraits de page.

Preview of page excerpts on a page

Méthode 2 : Afficher les extraits de page dans la colonne latérale de WordPress

Si vous souhaitez afficher des extraits de pages dans la colonne latérale de WordPress, vous devez vous rendre sur la page Apparence  » Widgets du tableau de bord WordPress.

Note: Si vous ne voyez pas l’onglet de menu ‘Widgets’ sur votre Tableau de bord, cela signifie que vous utilisez un thème bloc. Dans ce cas, vous pouvez aller à/au suivant.

Ici, cliquez sur le bouton d’ajout de bloc ‘+’ pour déplier le menu de bloc sur la gauche. Ensuite, ajoutez le bloc Shortcode à la zone de la colonne latérale.

Add page excerpts shortcode in a widget area of your choice like the Sidebar

Ensuite, copiez et collez le code court suivant dans le bloc :

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Enfin, cliquez sur le bouton « Mettre à jour » pour stocker vos Réglages.

Vous pouvez maintenant vous rendre sur votre blog WordPress pour voir les extraits de page.

Preview of page excerpts in the WordPress sidebar

Méthode 3 : Afficher les extraits de page dans l’éditeur du site complet

Si vous utilisez un thème bloc, vous devez vous rendre sur la page Apparence  » Éditeurs/éditrices dans la colonne latérale de l’administration de WordPress.

Cela ouvrira l’éditeur/éditrices complet du site, où vous devez choisir la page où vous souhaitez afficher une liste d’extraits de pages.

Choose a page to edit in the full site editor

Cliquez ensuite sur le bouton d’ajout de bloc « + » à l’écran pour ajouter le bloc de code court.

Ensuite, copiez et collez-y le code court suivant :

[display-posts post_type="page" include_excerpt="true" excerpt_more="Continue Reading" excerpt_more_link="true"]

Add page excerpts shortcode in the full site editor

Enfin, cliquez sur le bouton « Enregistrer » pour stocker vos réglages.

Allez maintenant sur votre site pour voir la liste des extraits de pages.

Page excerpts preview in the WordPress block theme

Bonus : Afficher des extraits de publication dans WordPress

Outre les pages, il est également judicieux d’afficher des extraits de publications sur votre blog WordPress.

Par défaut, WordPress affiche l’intégralité de vos publications sur la page d ‘accueil, la page des archives ou la page du blog. Cela implique beaucoup de défilement, ce qui peut constituer une expérience utilisateur négative pour les internautes qui souhaitent parcourir votre site rapidement.

Au fur et à mesure que votre blog se développe, la liste de vos publications plus anciennes sera également déplacée vers d’autres pages et obtiendra moins de vues. C’est pourquoi vous devriez envisager d’afficher des extraits de publications sur votre page de blog ou d’archives.

An example of post excerpts in a WordPress theme

Si vous utilisez un thème classique, vous pouvez ajouter des extraits d’articles en visitant la page Apparence  » Personnaliser dans la colonne latérale de l’administration de WordPress.

Une fois le personnalisateur ouvert, déplier l’onglet  » Blog  » dans la colonne de gauche de l’écran. Cela ouvrira de nouveaux Réglages, où vous pouvez défiler vers le bas jusqu’à la section ‘Post Content’ et cliquer sur l’option ‘Excerpt’.

Adding post excerpts to your WordPress website

Cependant, gardez à l’esprit que ces réglages peuvent différer en fonction du thème que vous utilisez.

Si votre thème ne supporte pas les extraits, vous pouvez alors utiliser un code personnalisé ou des constructeurs de pages comme SeedProd pour ajouter des extraits de publication à votre blog.

Adding blog excerpts to a WordPress theme

Pour des instructions détaillées, consultez notre tutoriel sur l’affichage des extraits de publication dans les thèmes WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des extraits à vos pages sur WordPress. Vous pouvez également consulter notre guide sur la façon de choisir le meilleur constructeur de site ou notre choix d’expert du meilleur logiciel de discussion en direct.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

42 commentairesLaisser une réponse

  1. Moinuddin Waheed

    easy to follow tutorial for making excerpts for the blog posts.
    I have used excerpts for most of my blog posts but didn’t know the exact length of the excerpts to use.
    is there any minimum or maximum length for post excerpts?
    and does the length of the excerpts make any difference advantage or disadvantage of seo?

  2. marcelo araujo

    Hi, great tip. Tks a lot! Its possible to use same param to get « tags » in pages?
    add_post_type_support( ‘page’, ‘excerpt’ );
    like:
    add_post_type_support( ‘page’, ‘tags’ );
    its correct? it works?
    Tks!

  3. Jim Kernicky

    Easy as pie – thanks a lot for that!

    • WPBeginner Support

      You’re welcome :)

      Administrateur

  4. Jean-Louis

    It’s very helpful… Thank you so much!

    • WPBeginner Support

      Glad our article was helpful :)

      Administrateur

  5. Adam

    So, I can’t find the « excerpt » option under « screen options » on the post/page editing page. I added the code to my functions.php file and the option to include the ‘excerpts’ is still not showing up. It’s as if the excerpts function doesn’t even exist on my install of wordpress. I added the following code and nothing changed:
    add_post_type_support( ‘page’, ‘excerpt’ );

    Please help

  6. Juan Manuel Linares

    Thanks so much, it also worked for me, just when I needed it!

    It would also be advisable that you suggest ppl to check Screen Options (as CTGIRL said), ’cause in my case it was hidden there ;)

    Thanks anyway!

  7. Steve

    Is there a way to add an excerpt to an archive category page like with the code for pages? The following code worked great for pages. Wanting to add it to the category archive too.

    add_post_type_support( ‘page’, ‘excerpt’ );

  8. Ruth Billheimer

    Thank you so much! This is excellent and just what I was looking for.

  9. Djong Timoer

    I works !!
    Thank you

    Do you have idea how to use in post types?

  10. Manoj

    Thanks for the code .But if i don’t write content in excerpt section , Excerpt is not retrieving from editior .

  11. Amit kumar

    how to separate post excerpt in box

    • Sreehari P Raju

      You have to use CSS for that :)

  12. Toure

    How can it be added to a page template?

  13. nad ray

    You should wrap the code in :

    …for it to work and not make your site break/display a blank page.

  14. Reza

    How can I add excerpts to the events? Can anyone please help?

    • nad ray

      I would use the same code, but change page to events (line 3). If that does not work you need to find your events custom post type name and enter it instead of pages.

  15. ctgirl

    The code worked for me. Added it to functions.php, and the Excerpt field became available in Screen options. Thanks so much!

  16. kapil

    around 15 days ago, same above code work perfectly for me, but now it is not working, what may be the problem, can anyone help me ? above code doesn’t show excerpt place in admin panel for new website that I am developing right now.

    • Firda

      It’s working for me. Maybe the exceprt was hide by screen options?

  17. João G.

    That’s amazing! I got a job to change the layout of a website which is running on WP and I would have to search for a function to get the content with « strip_tags » and reduce characters, but after « googling », found your post. Great !!

  18. Real name

    Tank’s

    codex.wordpress.org/Function_Reference/add_post_type_support#Example

  19. Dave Andrew

    Worked a treat. Thanks for the post.

  20. Lins

    Thanks, super-handy & works easily. :)

  21. Alastair Barnett

    Hello,

    I posted the above code to my functions php. I now cannot access my website. Here is the message I receive:Parse error: syntax error, unexpected T_FUNCTION in /home/content/94/8738594/html/wp-content/themes/associate/functions.php on line 82

    Please tell me how I can access my website in order to delete this code. Thanks if you can help. I’ve just lost my website and in a bit of a panic. Website address: http://www.thewritingbutler.com
    AB

  22. WK

    Added the code to my functions.php to enable excerpts on my pages.

    Worked perfectly, first time – thanks.

    W.

  23. mebhuwan

    Thank you for posting. Great Code. :)

  24. softboxkid

    no need any plugins… just place this add_post_type_support( 'page', 'excerpt' );
    to your functions.php

    • ghimeray

      How to get this excerpt into the page?
      Tne Excerpt function is working well, but i’m not able to get the excerpt into the front page.

    • adam

      This didn’t work for me. :( Still no excerpts option. Using default 2015 theme.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.