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

Comment personnaliser les extraits WordPress (Aucun codage nécessaire)

En tant que marketeur ou blogueur expérimenté, vous savez déjà comment les premières lignes d’un article peuvent instantanément accrocher les lecteurs. Mais comment vous assurer que votre site WordPress affiche les crochets les plus intéressants dans les extraits de votre site ?

Les extraits WordPress font office de récapitulatifs de vos publications et s’affichent sur votre page d’accueil, dans les archives et dans les résultats de recherche. Ils donnent aux Lecteurs un aperçu du contenu de vos articles, les aidant ainsi à cliquer ou non.

Dans ce guide, nous allons vous afficher comment personnaliser les extraits WordPress sans écrire de code. Vous apprendrez comment faire travailler vos extraits plus fort pour vous en seulement quelques étapes.

Customizing WordPress excerpts without coding

Quand et pourquoi utiliser des extraits sur WordPress ?

Nous avons notifié que l’utilisation d’extraits peut faire une grande différence dans la performance de votre site WordPress. C’est un moyen simple d’accélérer votre site et d’éviter les problèmes de contenu en double.

Par défaut, WordPress affiche des publications complètes sur votre page d’accueil, votre page de blog et vos archives. Bien que cela puisse sembler pratique, cela peut ralentir votre site et créer du contenu dupliqué, ce que les moteurs de recherche n’aiment pas.

L’utilisation d’extraits permet à vos pages de se charger plus rapidement, car seul un extrait de chaque article est chargé. Voici quelques exemples où l’utilisation d’extraits s’avère judicieuse :

La plupart des thèmes WordPress sont déjà configurés pour utiliser des extraits sur votre page d’accueil et dans vos archives. Si vous utilisez un thème premium, vous pouvez même obtenir des options pour basculer entre les publications complètes et les extraits.

En savoir plus, consultez notre guide sur les publications complètes par rapport aux extraits. Il explique encore plus de raisons pour lesquelles les extraits sont un excellent choix.

Pourquoi personnaliser vos extraits ?

Si votre thème WordPress utilise des extraits par défaut, WordPress génère automatiquement un extrait pour vous.

Par défaut, WordPress utilise les 55 premiers mots de votre publication, bien que de nombreux thèmes en affichent un peu plus.

Qu’y a-t-il de mal à cela ? Ne pouvez-vous pas simplement enregistrer du temps en laissant WordPress rédiger l’extrait pour vous ?

D’après notre expérience, cela ne fonctionne pas bien pour la plupart des sites.

L’extrait généré automatiquement commencera par le texte qui se trouve au début de votre publication. Cela peut convenir dans certains cas, mais cela ne fonctionne pas si bien si vous avez quoi que ce soit avant l’ introduction de votre publication.

Voici un exemple tiré d’un site utilisant le thème Ribosome :

A post excerpt shown in the Maxwell theme. Post text reads 'Image credit: 200degrees This post was last updated in April 2020. What's the best way to build your email list? We've come up with 35 great options for you. Whether...''

Comme vous pouvez le constater, l’extrait affiche le texte du tout début de la publication. Ce texte inclut le crédit de l’image mise en avant, ainsi qu’une Note indiquant la date de la dernière mise à jour de la publication. Cela n’a pas l’air très bon.

Si votre thème ne gère pas très bien les extraits, vous pouvez les personnaliser pour les rendre plus faciles à lire et vous aider à obtenir plus de clics pour les publications.

Ceci étant dit, voyons les différentes façons de personnaliser les extraits dans WordPress. Vous pouvez utiliser les liens sur ce lien pour passer à la méthode de votre choix :

1. Comment ajouter un extrait personnalisé dans WordPress (par défaut)

Ajouter un extrait personnalisé dans WordPress est assez simple. Tout d’abord, vous devez créer une nouvelle publication ou modifier une publication existante.

Dans le panneau de droite “Post” de l’éditeur de contenu WordPress, vous devriez voir le lien “Edit Excerpt” juste en dessous du titre de l’article et de la mise en avant de la fonctionnalité.

Adding excerpt in WordPress

En cliquant dessus, vous ferez apparaître la zone d’extrait dans laquelle vous pourrez rédiger le récapitulatif de votre publication.

Vous pouvez saisir votre extrait de publication personnalisé ici. Nous avons simplement copié le premier paragraphe de notre publication.

Note : Si vous utilisez encore l’ancien éditeur classique, vous devez cliquer sur l’onglet “Options d’écran” dans le coin supérieur droit. Cochez ensuite la case “Extrait”. Vous verrez maintenant un espace pour votre extrait sous la case où vous écrivez votre publication.

Votre thème WordPress utilisera désormais l’extrait personnalisé pour cette publication.

Preview of a custom excerpt added to a WordPress post

Comme vous pouvez le constater, le lien Lire la suite ne s’affiche pas après l’extrait. Selon le thème que vous utilisez, il se peut que les extraits personnalisés n’aient pas ce lien.

Le lecteur peut toujours cliquer sur le titre de la publication ou sur l ‘image vedette pour lire l’intégralité de votre article.

2. Modifié la longueur de l’extrait

Si vous souhaitez modifier la longueur des extraits sur votre site, vous pouvez utiliser l’extension gratuite WPCode.

À notre avis, WPCode est le moyen le plus simple de gérer le code personnalisé dans WordPress. Il est livré avec une bibliothèque utile de dizaines d’extraits WordPress couramment utilisés qui vous aident à personnaliser WordPress sans installer d’extensions supplémentaires.

Pour plus de détails, consultez notre Avis complet sur WPCode.

Dans cette Version, nous utiliserons l’un des extraits intégrés à WPCode.

Pour commencer, vous devez installer et activer WPCode. Pour plus de détails, vous pouvez consulter notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous pouvez aller dans ” Code Snippets “ Add Snippet dans votre panneau d’administration WordPress et rechercher ” extrait “.

Survolez le résultat intitulé “Modifier la longueur de l’extrait” et cliquez sur le bouton “Utiliser l’extrait”.

Searching WPCode for the snippet keyword

L’extension insère alors l’extrait de code suivant pour vous :

add_filter(
	'excerpt_length',
	function ( $length ) {
		// Number of words to display in the excerpt.
		return 40;
	},
	500
);

Ensuite, vous verrez l’écran “Modifier l’extrait”. WPCode a déjà pré-configuré tous les Réglages pour vous.

Par défaut, cet extrait limitera l’extrait à 40 mots. Vous pouvez ajuster le chiffre de la ligne 5 en fonction de ce qui convient le mieux à votre blog WordPress.

WPCode changing the number of words in an excerpt and activating a snippet

Une fois que vous avez défini la longueur de l’extrait que vous souhaitez, il vous suffit de permuter le commutateur sur “Actif” et de cliquer sur le bouton “Mettre à jour”.

Désormais, lorsque vous visiterez votre site, les extraits raccourcis se trouveront à l’endroit où votre thème les affiche.

Voici un exemple de ce que cela donnerait en utilisant le thème Twenty Twenty-Two et en définissant l’extrait WPCode pour afficher 5 mots.

Example of the trimmed snippet in WordPress

Note : l’extrait de WPCode fonctionne uniquement avec les extraits par défaut générés par WordPress.

Modifier la longueur des extraits personnalisés

Si vous souhaitez modifier la longueur des extraits personnalisés, vous devrez ajouter un extrait personnalisé distinct dans WPCode. Il est très facile de copier et de coller des extraits de code dans WordPress, et comme nous utilisons WPCode, les étapes sont en grande partie les mêmes que celles décrites ci-dessus.

Tout d’abord, naviguez vers Extraits de code “ Ajouter un extrait. Survolez la rubrique ” Ajouter un module personnalisé (nouvel extrait) ” et cliquez sur le bouton ” Utiliser l’extrait “.

WPCode Add new Snippet

La page “Créer un extrait personnalisé” s’affiche ensuite.

Vous devez maintenant donner un titre à votre nouvel extrait et coller le code suivant dans le champ “Prévisualisation du code” :

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
	
	$excerpt_length = 40; // Change excerpt length 
	$excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
	
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
	
    return $excerpt;
	
}, 10, 2 );

Vous pouvez modifier la valeur de $excerpt_length à la ligne 3 pour choisir le nombre de mots de votre extrait personnalisé.

En outre, la modification du texte mis en évidence ci-dessous à la ligne 4 entraînera la modification du texte d’ancrage du lien “Lire la suite” lorsque l’extrait sera découpé.

WPCode edit custom excerpt length and activate it

Lorsque vous avez personnalisé l’extrait en fonction de vos besoins, assurez-vous que le “Type de code” est défini sur “Extrait PHP”.

Vous pouvez ensuite permuter le commutateur sur “Actif” et cliquer sur le bouton “Enregistrer l’extrait”.

Désormais, lorsque vous visiterez votre site, vous verrez que vos extraits personnalisés sont raccourcis à la longueur que vous avez choisie à la ligne 3.

3. Modifié Lire la suite pour les extraits

Outre l’extrait ci-dessus, vous pouvez également utiliser la bibliothèque d’extraits WPCode pour modifier le texte “Lire la suite” qui apparaît avec les extraits dans la plupart des thèmes.

Il suffit d’installer et d’activer l’extension gratuite WPCode. En savoir plus, vous pouvez suivre notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous pouvez aller dans Code Snippets ” Add Snippet dans votre panneau d’administration. De là, il vous suffit de rechercher “extrait” et de survoler avec votre souris le résultat intitulé “Modifier le texte de lecture pour les extraits”.

Search for a WPCode snippet by name

Vous pouvez cliquer sur le bouton “Utiliser l’extrait” pour accéder à la page “Modifier l’extrait”. WPCode a déjà préconfiguré l’extrait de code pour vous et, par défaut, il est défini sur “Lire toute la publication”.

Cependant, vous pouvez remplacer le texte de la ligne 4 par ce que vous voulez.

WPCode on the edit snippet page to change the read more text for an excerpt

Lorsque vous êtes satisfait de votre nouveau texte, il vous suffit de permuter le commutateur sur “Actif” et de cliquer sur le bouton “Mettre à jour”.

4. Affichage d’extraits dans votre thème

La plupart des thèmes WordPress populaires sont dotés d’un support intégré permettant d’afficher des extraits personnalisés sur vos publications.

Cependant, certains thèmes peuvent ne pas avoir de support pour les extraits. Si c’est le cas du vôtre, alors vous devrez modifier manuellement les modèles de votre thème.

Ajout d’un extrait de publication dans les thèmes en bloc

Si vous utilisez un thème en bloc, vous pouvez vous rendre sur la page Apparence ” Éditeur pour modifier votre thème dans l’Éditeur du site.

L’éditeur/éditrices du site s’ouvre alors. Cliquez sur le Modèle que vous souhaitez modifier dans la colonne latérale gauche ou pointez simplement la zone où vos publications sont affichées.

Site editor

L’éditeur du site complet peut afficher vos dernières publications à l’aide du bloc Boucle de requête, qui est le moyen standard d’afficher une liste de publications.

Après avoir ajouté le bloc de la boucle de requête, vous devez cliquer sur le bouton “Choisissez” pour sélectionner une composition.

Query loop block

WordPress inclut plusieurs Mises en page comme compositions pour la boucle de requête, vous pouvez choisir entre une grille, un tableau, une liste, et plus encore.

Le Modèle de publication généré affichera désormais automatiquement l’extrait de votre publication.

Excerpt block

Toutefois, la seule chose que vous pouvez modifier ici est le texte “Lire la suite”.

Ajout d’un extrait de publication dans les thèmes classiques

Si vous utilisez un thème classique, vous pouvez ajouter un extrait de publication en créant un thème enfant et en ajoutant du code.

Cela ajoute une certaine complexité au processus, et si vous n’êtes pas à l’aise avec cela, alors vous pouvez utiliser la méthode 3 de cet article, qui ne nécessite pas d’ajouter de code.

Dans votre thème enfant, vous aurez besoin du Modèle utilisé pour afficher les pages que vous souhaitez modifier. Consultez notre guide sur la hiérarchie des modèles WordPress pour savoir quel modèle vous devez modifier.

Les noms de fichiers diffèrent légèrement en fonction de votre thème, mais vous recherchez probablement home.php, content.php, archive.php et category.php.

Dans chacun de ces fichiers, vous devrez trouver cette ligne :

<?php the_content() ; ?>

Ensuite, vous devrez le remplacer par l’identifié_excerpt comme ceci :

<?php the_excerpt() ; ?>

Important : nous ne recommandons pas cette méthode aux débutants. Même si vous êtes assez expérimenté avec WordPress, vous voudrez peut-être éviter de créer un thème enfant et de modifier vos fichiers de modèles.

Les deux méthodes suivantes sont d’excellentes alternatives.

5. Afficher le début de vos publications avec l’identifiant More

Une autre façon de créer une version courte de votre publication pour votre page d’accueil WordPress et vos pages d’archives est d’utiliser l’identifié “More”.

Cette balise fonctionne un peu différemment d’un extrait. Au lieu de créer un extrait uniquement textuel de votre publication, l’identifié More vous permet d’interrompre votre publication à un certain moment.

Cela signifie que seule la première partie de votre publication (jusqu’à l’identifiant) s’affichera dans la liste des publications sur votre page d’accueil, la page des catégories, etc. L’avantage de l’identifiant More est qu’il conserve toute la mise en forme.

À l’endroit où vous placez l’identifiant More, WordPress affiche un lien “Lire la suite”. Les Lecteurs peuvent cliquer sur ce lien pour accéder à l’intégralité de votre publication. Ils seront automatiquement renvoyés au bon endroit dans la publication.

Pour créer un identifiant More, créez une nouvelle publication ou modifiez une publication existante.

Ensuite, vous devez ajouter un bloc à l’endroit où vous souhaitez que l’identifiant Plus soit placé. Sélectionnez le bloc Plus dans la section Options de mise en page ou recherchez-le à l’aide de la barre de recherche.

Adding the More block

C’est ainsi que l’identifiant More apparaîtra dans l’éditeur de contenu.

De manière facultative, vous pouvez choisir de masquer le contenu précédant l’identifiant More sur la publication proprement dite.

More tag in content editor

Note : Vous pouvez également ajouter un identifiant More dans l’ancien éditeur classique. Cliquez à l’endroit où vous souhaitez placer l’identifiant dans votre publication, puis cliquez sur le bouton Plus dans la barre d’outils visuelle.

Pratiquement tous les thèmes pourront utiliser l’identifiant More partout où les publications sont affichées. Note : si votre thème affiche des extraits, vous devrez personnaliser l’extrait lui-même. Vous ne pouvez pas le modifier en ajoutant un identifiant More aux publications.

6. Ajouter des extraits WordPress personnalisés à l’aide d’une extension

Que faire si la fonctionnalité d’extraits personnalisés intégrée à WordPress ne donne pas les résultats escomptés … et que vous ne souhaitez pas non plus utiliser l’identifié More ?

Il existe une solution simple. Vous pouvez utiliser une extension pour créer et afficher des extraits personnalisés.

Tout d’abord, vous devez installer et activer le plugin Advanced Excerpt.

Note: La page de l’extension peut afficher un avertissement indiquant qu’elle n’a pas été testée avec les nouvelles versions. Cependant, nous avons testé l’extension et elle a fonctionné comme prévu. En savoir plus, lisez notre explication sur l’installation d’extensions WordPress non testées.

Si vous n’avez jamais installé d’extension auparavant, consultez nos instructions étape par étape sur l’installation d’un plugin WordPress.

Une fois que vous l’avez activé, vous pouvez aller dans Réglages ” Extrait pour configurer son fonctionnement.

Advanced excerpt settings

Ici, vous pouvez modifier des éléments tels que le nombre de caractères ou de mots que l’extrait affichera. Vous pouvez également permettre à l’extrait de s’interrompre au milieu d’un mot ou d’une phrase.

Vous pouvez également rétablir le lien “Lire la suite” qui disparaît normalement de l’extrait personnalisé. Vous pouvez même modifier ce lien avec le texte de votre choix et changer son fonctionnement :

Restoring and customizing the 'Read More' link using the Advanced Excerpt plugin

Astuce : Pour utiliser des extraits personnalisés avec cette extension, décochez la case ‘Générer des extraits même si une publication a un extrait personnalisé joint.’

Il se présente comme suit.

Use custom excerpts with the Advanced Excerpt plugin

Après avoir apporté des modifications aux Réglages avancés des extraits, veillez à cliquer sur le bouton “Enregistrer” en bas de l’écran.

Avec l’extension Advanced Excerpt, vos extraits conserveront le format de votre publication. Voici un extrait généré automatiquement avec l’extension activée.

Comme vous pouvez le constater, le retour à la ligne et le texte en italique ont été conservés.

Post excerpt produced by Advanced Excerpt plugin

Par défaut, l’extension Advanced Excerpt utilise des extraits sur votre page d’accueil, votre flux RSS et d’autres pages d’archives.

Il n’apporte aucune modification à votre contenu, et si vous souhaitez l’inactiver, alors vous pouvez simplement désactiver l’extension.

Tutoriel vidéo

Subscribe to WPBeginner

Ressources complémentaires

Voici quelques ressources utiles que vous trouverez peut-être utiles pour personnaliser WordPress afin d’améliorer l’engagement des utilisateurs/utilisatrices.

Nous espérons que cet article vous a aidé à personnaliser facilement des extraits WordPress sans aucun codage. Vous aimerez peut-être aussi notre liste des extensions que tout site d’entreprise doit avoir ou notre guide sur la façon d’afficher les métadonnées des articles de blog dans les thèmes WordPress.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

40 commentairesLeave a Reply

  1. Dom

    Is there a way to edit the excerpt length on a specific page? or a specific category?

    • WPBeginner Support

      If you wanted a custom length for a specific post or page then you would want to manually set the excerpt in the post/page itself.

      Admin

  2. Marie-Christine

    Hello,
    in code editor is there a way to display the Excerpt tab in the main window instead of in the side bar?

    • WPBeginner Support

      We do not have a method we would recommend at the moment to force it into the main editing area.

      Admin

  3. Raihan

    I’m facing a big problem. The excerpt is showing perfectly in desktop and tab responsive mode on the post. But the main issue is, it is not showing up in mobile responsive mode. What should I do…..?

    • WPBeginner Support

      It would depend on the specific theme you are using as each theme has different styling but if you reach out to your theme’s support they can normally assist with the mobile styling.

      Admin

  4. Kristie

    Thanks so much! I’ve been trying to solve this problem for a few weeks.

    Kristie

  5. Edwin

    So I’m having an issue where anything I write in the excerpt box DOES NOT display verbatim but only display the first 40 characters or whatever from the content summary. What am I doing wrong here?

    • WPBeginner Support

      You would want to check with your theme’s support as it sounds like a design for your specific theme.

      Admin

  6. Roni Lion

    I may have missed it, but what I was looking for and did not find is how it looks to the user. A user sees a web page or post, sees the excerpts, clicks the more button–where and how does it display? It’d be meaningful to include in this post — unless you already did and I missed it!

    • WPBeginner Support

      The display would heavily depend on your specific theme, as each are different we can’t say how your specific theme will display the excerpts

      Admin

  7. Rintesh Roy

    Thanks for suggesting the ‘Ádvanced Excerpt’ plugin. It is quite good.

    • WPBeginner Support

      Glad you found our recommendation helpful :)

      Admin

  8. Khubaib

    Thank for excerpt solution, you guys are serving a lot of for the community.

    • WPBeginner Support

      You’re welcome, glad you found our guide helpful :)

      Admin

  9. Temitayo

    Please. advanced excerpts is not working for Divi theme

    • WPBeginner Support

      If you reach out to the plugin’s support they should be able to assist you with a conflict like that.

      Admin

  10. Márcio

    The new versions of the post editor hides the “add more tag” button.
    The way I found to solve the problem was installing the classic editor plugin.

    • WPBeginner Support

      For adding it in Gutenberg, you can use the more block or the manual excerpt can be found in the document’s settings :)

      Admin

  11. Nancy

    I have installed the Advanced Excerpt plugin, selected a place on my posts for the Read More button & made sure except was selected in my screen options in the drop down box at the top but it doesn’t work. I have a long posts on my home page, no Read More button & don’t see how the plugin makes any difference at all. Please help. Thanks.

  12. Leanna

    This article is helpful for posts on the site, but does it carryover to automated emails sent to subscribers when new post is added? Currently emails show the entire new post, not giving them a reason to visit the site.

  13. Theresa Fronius

    This was SO helpful. I tried the first two, which did not help. But the last one, installing the Advanced Excerpt plugin – THAT DID THE TRICK! Wish I would have found this before I had invested so many hours in trying everything else under the sun. Thank you!

  14. Bexster

    That was a great post! I’ve been looking to remove image captions from being pulled into post excerpt summary – this easily did the trick! Also looking into this plugin too as need a call to action button not showing up at present. TY!!

  15. Michał - Poland

    Thank you very much. Ive been thinking for a long time, how to extend “excerpt” . Even try to find it somewhere in the code. Very greatful for this information.

  16. John

    I am making a blog with wordpress free and with sapor I am stuck because I don’t know how to change a photo they already had on the blog I pressed a button on the top right corner and I chose a image and it came on top of the photo that had on I’m trying to change their one not add another so could you tell me how to do it (I’m doing it with sapor)

    Kind regard’s
    John

  17. Jules

    Thank you mucho this was soooo helpful and easy to understand too ..

  18. Nic Mattson

    I want to completely remove the automatic excerpt from appearing on certain posts display modules. Any advice?

  19. Roz

    Thanks a lot! it is helpful for me

  20. shank

    Thanks!! Advanced Excerpt plugin helped me on Twenty seventeen theme..

  21. Ernie

    Can you help me remove “read more” on my post pages. Even my privacy policy page have this annoying “read more” button. I installed WP and already had this button. Thanks!!

  22. Great Ravian

    How i can allow tag or other HTML tags in post excerpt without using a plugin?

  23. shubham

    how i can continue customizing my website which i left half on wordpress running with wamp.??

  24. Ihsan

    Dear Author,

    Can you guide me on how to allow link (tag) on my post excerpt on Recent Post Extended plugin please? I tried few things – adding the tag on excerpt box, tried few things that I found online the last 3 hours, but no successful result. Please help.

    Thank you and regards,
    Ihsan

  25. Hemang Rindani

    WordPress is a powerful CMS platform that can handle large chunks of data through easy to use interface. Over a website it is important to showcase the offerings on the landing page to attract more visitors. WordPress provides excerpts that helps a developer to add a summary block to the webpage. This size, shape and color of the block can be customized by the user. The links to the entire content can be placed in the block and can be managed manually from the dashboard. Use only the authenticated plugins like Advanced Excerpt that doesn’t compromise the website security.

  26. Ken Schleimer

    The plug-in is a nice idea but I’d like to use an image instead of text for the “Read More” and haven’t found an easy way to accomplish it.

  27. deuns26

    hello,
    this website has exactly the same Article.

    I wonder who to create original article.
    often it is the same article, but in other language.

  28. Maxwell Ifeanyi Anozie

    Pls,help me customize my wordpress account.This is my account:

  29. Sue Waterworth

    I so appreciate your simple answers to what, for me, are complex questions. Thank you.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.