Comment personnaliser les extraits WordPress (sans code)

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

Les extraits WordPress agissent comme des résumés de vos articles, apparaissant sur votre page d'accueil, vos archives et vos résultats de recherche. Ils donnent aux lecteurs un aperçu de ce dont parle votre contenu, les aidant à décider s'ils doivent cliquer.

Dans ce guide, nous vous montrerons comment personnaliser les extraits WordPress sans écrire une seule ligne de code. Vous apprendrez à faire travailler vos extraits plus efficacement en quelques étapes seulement.

Quand et pourquoi utiliser des extraits dans WordPress

Nous avons remarqué que l'utilisation d'extraits peut faire une grande différence dans les performances de votre site WordPress. C'est un moyen simple d'accélérer votre site et d'éviter les problèmes de contenu dupliqué.

Par défaut, WordPress affiche les articles complets 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'apprécient pas.

Passer aux extraits signifie que vos pages se chargeront plus rapidement car seul un extrait de chaque article est chargé. Voici quelques endroits où l'utilisation d'extraits est judicieuse :

• Votre page d'accueil, si elle présente des articles de blog
• Vos pages d'archives pour les catégories et les étiquettes
• Votre page de blog, surtout si vous utilisez une page d'accueil statique

La plupart des thèmes WordPress sont déjà configurés pour utiliser des extraits sur votre page d'accueil et vos archives. Si vous utilisez un thème premium, vous pouvez même avoir des options pour basculer entre les articles complets et les extraits.

Pour plus d'informations, consultez notre guide sur les articles complets par rapport aux extraits. Il explique encore plus de raisons pour lesquelles les extraits sont un excellent choix.

Pourquoi vous voudrez peut-être personnaliser vos extraits

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

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

Alors, quel est le problème ? Ne pouvez-vous pas simplement gagner du temps en laissant WordPress créer l'extrait pour vous ?

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

L'extrait généré automatiquement commencera par le texte qui se trouve au début de votre article. Cela peut être acceptable dans certains cas, mais cela ne fonctionne pas très bien si vous avez quelque chose avant de commencer l'introduction de votre article.

Voici un exemple d'un site utilisant le thème Ribosome :

Comme vous pouvez le voir, l'extrait affiche le texte depuis le tout début de l'article. Cela inclut le crédit de l'image mise en avant ainsi qu'une note sur la date de dernière mise à jour de l'article. Cela ne rend pas très bien.

Si votre thème ne gère pas très bien les extraits, vous voudrez peut-être les personnaliser pour les rendre plus faciles à lire et vous aider à obtenir plus de clics sur vos articles.

Cela étant dit, examinons différentes façons de personnaliser les extraits dans WordPress. Vous pouvez utiliser les liens suivants pour accéder à la méthode de votre choix :

1. Comment ajouter un extrait personnalisé dans WordPress (par défaut)
2. Changer la longueur des extraits
3. Changer le texte « Lire la suite » pour les extraits
4. Afficher les extraits dans votre thème
5. Afficher le début de vos articles avec la balise « Plus »
6. Ajouter des extraits WordPress personnalisés à l'aide d'un plugin
7. Tutoriel vidéo
8. Ressources supplémentaires

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 un nouveau message ou modifier un message existant.

Dans le panneau 'Message' de droite de l'éditeur de contenu WordPress, vous devriez voir le lien 'Modifier l'extrait' juste en dessous du titre du message et de l'image mise en avant.

En cliquant dessus, la boîte d'extrait s'affichera où vous pourrez écrire le résumé de votre message.

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

Votre thème WordPress utilisera désormais l'extrait personnalisé pour ce message.

Comme vous pouvez le voir, le lien 'Lire la suite' ne s'affiche pas après l'extrait. Selon le thème que vous utilisez, les extraits personnalisés peuvent ne pas avoir ce lien.

Le lecteur peut toujours cliquer sur le titre du message ou sur l'image mise en avant du message pour lire votre message complet.

2. Changer la longueur des extraits

Si vous souhaitez modifier la longueur des extraits sur votre site, vous pouvez utiliser le plugin gratuit WPCode.

Selon nous, WPCode est le moyen le plus simple de gérer du 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 de plugins supplémentaires.

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

Dans cette section, nous utiliserons l'un des extraits intégrés de WPCode.

Pour commencer, vous devez installer et activer WPCode. Pour plus de détails, vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress.

Une fois activé, vous pouvez aller dans Extraits de code » Ajouter un extrait dans votre panneau d'administration WordPress et rechercher 'excerpt'.

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

Le plugin insérera 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
);

Après cela, vous verrez l'écran 'Modifier l'extrait'. WPCode a déjà préconfiguré tous les paramètres pour vous.

Par défaut, cet extrait limitera l'extrait à 40 mots. Vous pouvez ajuster le nombre à la ligne 5 pour ce qui convient le mieux à votre blog WordPress.

Une fois que vous avez défini la longueur de l'extrait souhaitée, il vous suffit de basculer le commutateur sur 'Actif' et de cliquer sur le bouton 'Mettre à jour'.

Maintenant, lorsque vous visitez votre site, les extraits raccourcis apparaîtront là où votre thème les affiche.

Ci-dessous un exemple de ce à quoi cela ressemblerait en utilisant le thème Twenty Twenty-Two et en réglant l'extrait WPCode pour afficher 5 mots.

Notez que l'extrait de WPCode ne fonctionne qu'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-coller des extraits de code dans WordPress, et comme nous utilisons WPCode, cela suit les mêmes étapes que celles décrites ci-dessus.

Tout d'abord, accédez à Extraits de code » Ajouter un extrait. Survolez simplement « Ajouter votre code personnalisé (Nouvel extrait) » et cliquez sur le bouton « + Ajouter un extrait personnalisé ».

Ensuite, vous verrez la page « Créer un extrait personnalisé ».

Vous devrez maintenant donner un titre à votre nouvel extrait, puis coller le code suivant dans le champ « Aperçu 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é.

De plus, la modification du texte mis en surbrillance ci-dessous à la ligne 4 modifiera le texte d'ancrage du lien Lire la suite lorsque l'extrait sera tronqué.

Lorsque vous avez personnalisé l'extrait selon vos besoins, assurez-vous que le « Type de code » est défini sur « Extrait PHP ».

Ensuite, vous pouvez activer le commutateur sur « Actif » et cliquer sur le bouton « Enregistrer l'extrait ».

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

3. Modifier le texte « Lire la suite » pour les extraits

En plus de 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.

Installez et activez simplement le plugin gratuit WPCode. Pour plus d'informations, vous pouvez suivre notre guide étape par étape sur comment installer un plugin WordPress.

Une fois activé, vous pouvez aller dans Extraits de code » Ajouter un extrait dans votre panneau d'administration. De là, recherchez simplement « excerpt » et survolez le résultat intitulé « Modifier le texte Lire la suite pour les extraits ».

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 pour dire « Lire l'article complet ».

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

Lorsque vous êtes satisfait de votre nouveau texte, activez simplement le commutateur sur « Actif » et cliquez sur le bouton « Mettre à jour ».

4. Afficher les extraits dans votre thème

La plupart des thèmes WordPress populaires sont livrés avec un support intégré pour afficher des extraits personnalisés sur vos articles.

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

Ajout d'un extrait d'article dans les thèmes par blocs

Si vous utilisez un thème par blocs, vous pouvez aller à la page Apparence » Éditeur pour modifier votre thème dans l'Éditeur de site.

Cela ouvrira l'éditeur de site. Cliquez sur le modèle que vous souhaitez modifier dans la barre latérale gauche ou pointez simplement sur la zone où vos articles sont affichés.

L'éditeur de site complet peut afficher vos derniers articles en utilisant le bloc Boucle de requête, qui est la manière standard d'afficher une liste d'articles.

Après avoir ajouté le bloc Boucle de requête, vous devez cliquer sur le bouton « Choisir » pour sélectionner un modèle.

WordPress inclut plusieurs mises en page comme modèles pour la Boucle de requête, vous pouvez choisir parmi grille, tableau, liste, et plus encore.

Le modèle d'article généré affichera désormais automatiquement l'extrait de votre article.

Cependant, la seule chose que vous pouvez changer ici est le texte « Lire la suite ».

Ajout d'un extrait d'article dans les thèmes classiques

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

Cela ajoute une certaine complexité au processus, et si cela vous met mal à l'aise, vous pouvez utiliser la méthode 3 de cet article, qui ne nécessite aucune modification 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 déterminer quel modèle vous devez modifier.

Les noms de fichiers seront légèrement différents selon 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 la remplacer par la balise the_excerpt comme ceci :

<?php the_excerpt(); ?>

Important : Nous ne recommandons pas cette méthode aux débutants. Même si vous êtes très expérimenté avec WordPress, vous pourriez vouloir éviter de créer un thème enfant et de modifier vos fichiers de modèle.

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

5. Afficher le début de vos articles avec la balise Plus

Une autre façon de créer une version courte de votre article pour votre page d'accueil WordPress et vos pages d'archives est d'utiliser la balise « Plus ».

Cela fonctionne un peu différemment d'un extrait. Au lieu de créer un extrait de texte de votre article, la balise Plus vous permet de couper votre article à un certain point.

Cela signifie que seule la première partie de votre article (jusqu'à la balise) apparaîtra dans la liste des articles sur votre page d'accueil, votre page de catégories, etc. L'avantage de la balise Plus est qu'elle conserve toute votre mise en forme.

Au point où vous placez la balise Plus, WordPress affichera un lien « Lire la suite ». Les lecteurs peuvent cliquer dessus pour accéder à votre article complet. Ils seront automatiquement dirigés vers le bon point de l'article, également.

Pour créer une balise Plus, créez un nouvel article ou modifiez-en un existant.

Ensuite, vous devez ajouter un bloc là où vous voulez que la balise Plus apparaisse. Sélectionnez le bloc Plus dans la section Options de mise en page ou recherchez-le à l'aide de la barre de recherche.

Voici comment la balise Plus apparaîtra dans l'éditeur de contenu.

Facultativement, vous pouvez choisir de masquer le contenu avant la balise Plus sur l'article réel.

Remarque : Vous pouvez également ajouter une balise Plus dans l'ancien éditeur classique. Cliquez là où vous voulez placer la balise dans votre article lui-même, puis cliquez sur le bouton Plus dans la barre d'outils visuelle.

Pratiquement tous les thèmes pourront utiliser la balise Plus partout où les articles sont affichés. Notez que si votre thème affiche des extraits, vous devrez personnaliser l'extrait lui-même. Vous ne pouvez pas le modifier en ajoutant une balise Plus aux articles.

6. Ajouter des extraits WordPress personnalisés à l'aide d'un plugin

Et si la fonctionnalité intégrée d'extraits personnalisés de WordPress ne fait pas ce que vous voulez... et que vous ne voulez pas non plus utiliser une balise More ?

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

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

Remarque : La page du plugin peut afficher un avertissement indiquant qu'il n'a pas été testé avec les versions plus récentes. Cependant, nous avons testé le plugin et il a fonctionné comme prévu. Pour plus d'informations, lisez notre explication sur l'installation de plugins WordPress non testés.

Si vous n'avez jamais installé de plugin auparavant, consultez nos instructions étape par étape sur comment installer un plugin WordPress.

Une fois que vous l'avez activé, vous pouvez aller dans Paramètres » Extrait pour configurer son fonctionnement.

Ici, vous pouvez modifier des éléments tels que le nombre de caractères ou de mots que l'extrait affichera. Vous pouvez également décider si l'extrait doit être coupé en milieu de mot ou de phrase.

Vous pouvez également restaurer le lien « Lire la suite » qui disparaît normalement de l'extrait personnalisé. Vous pouvez même le modifier pour qu'il affiche le texte que vous souhaitez et changer son fonctionnement :

Astuce : Pour utiliser des extraits personnalisés avec ce plugin, décochez la case « Générer des extraits même si un article a un extrait personnalisé attaché ».

Cela ressemble à ceci.

Après avoir apporté des modifications aux paramètres d'Advanced Excerpt, assurez-vous de cliquer sur le bouton « Enregistrer » en bas de l'écran.

Avec le plugin Advanced Excerpt, vos extraits conserveront la mise en forme de votre article. Voici un extrait généré automatiquement avec le plugin activé.

Comme vous pouvez le voir, le saut de ligne et le texte en italique ont été conservés.

Par défaut, le plugin Advanced Excerpt utilisera les 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 le désactiver, vous pouvez simplement désactiver le plugin.

Tutoriel vidéo

Ressources supplémentaires

Voici quelques ressources utiles que vous pourriez trouver utiles pour personnaliser WordPress afin d'améliorer l'engagement des utilisateurs.

• Comment ajouter des mots-clés et des méta-descriptions dans WordPress
• Bonnes pratiques pour les appels à l'action (CTA) afin de garantir les conversions sur les pages de destination
• Comment ajouter des métadonnées Open Graph de Facebook dans les thèmes WordPress
• Comment ajouter des champs méta personnalisés aux taxonomies personnalisées dans WordPress

Nous espérons que cet article vous a aidé à personnaliser facilement les extraits WordPress sans aucun codage. Vous pourriez également aimer notre liste des plugins indispensables pour les sites d'entreprise ou notre guide sur comment afficher les métadonnées des articles de blog dans les thèmes WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.