Comment personnaliser des extraits WordPress (aucun codage requis)
Vous souhaitez personnaliser votre extrait WordPress ?
Un extrait est un court extrait de votre article que vous pouvez afficher dans une liste d'articles de blog ou sur d'autres pages clés de votre site Web.
Dans cet article, nous allons vous montrer comment personnaliser vos extraits WordPress sans écrire de code.
Didacticiel vidéo
Si vous préférez les instructions écrites, continuez simplement à lire.
Quand et pourquoi devriez-vous utiliser des extraits dans WordPress
Tout d’abord, parlons des cas où il est judicieux d’utiliser des extraits et pourquoi c’est une bonne idée de le faire.
Par défaut, WordPress affiche les articles complets sur votre page d'accueil, votre page de blog et les archives de votre site.
Cela rend votre site Web WordPress plus lent et peut également causer des problèmes avec les moteurs de recherche, car cela signifie que vous aurez du contenu en double sur votre site.
L’utilisation d’extraits accélérera le chargement de vos pages car vous ne chargerez qu’une petite partie de chaque article. Vous souhaiterez peut-être utiliser des extraits sur :
La page d'accueil de votre site Web, si elle affiche des articles de blog.
Vos différentes pages d'archives pour les catégories et les tags.
La page de votre article de blog, si vous avez une page d'accueil statique.
De nombreux thèmes WordPress sont configurés pour utiliser des extraits par défaut dans des endroits comme votre page d'accueil. Avec les thèmes WordPress premium, vous pouvez avoir la possibilité de choisir si vous souhaitez afficher les articles complets ou des extraits.
Pour plus de détails, consultez notre article sur les articles complets et les extraits pour plus de raisons d'utiliser des extraits.
Pourquoi vous souhaiterez peut-être personnaliser vos extraits
Si votre thème WordPress utilise des extraits par défaut, alors WordPress générera automatiquement un extrait pour vous. Par défaut, WordPress utilise les 55 premiers mots de votre message, même si de nombreux thèmes en afficheront un peu plus.
Alors, qu’est-ce qui ne va pas ? Ne pouvez-vous pas simplement gagner du temps en laissant WordPress créer l’extrait pour vous ?
Voici le problème. L'extrait généré automatiquement commencera par le texte qui se trouve au début de votre message. Cela peut convenir dans certains cas, mais cela ne fonctionne pas très bien si vous avez quelque chose avant de commencer l'introduction de votre message.
Voici un exemple tiré d'un site utilisant le thème Ribosome :
Comme vous pouvez le voir, l'extrait montre le texte dès le début du message. Cela inclut le crédit de l’image en vedette ainsi qu’une note indiquant la date à laquelle la publication a été mise à jour pour la dernière fois. Cela n'a pas l'air très bien.
Si votre thème ne gère pas très bien les extraits, vous souhaiterez peut-être les personnaliser pour les rendre plus faciles à lire et vous aider à obtenir plus de clics pour les publications.
Cela étant dit, examinons différentes manières de personnaliser des 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)
Ajouter un extrait personnalisé dans WordPress est assez simple. Tout d’abord, vous devez créer une nouvelle publication ou en modifier une existante.
Dans le panneau de droite de l’éditeur de contenu WordPress, vous devriez voir la liste déroulante « Extrait ». Cliquez sur la flèche vers le bas à côté.
Il s'agrandira pour afficher la boîte d'extrait.
Vous pouvez saisir ici votre extrait de message personnalisé. Nous avons simplement copié le premier paragraphe de notre message lui-même.
Remarque : Si vous utilisez toujours l'ancien éditeur classique, vous devez cliquer sur l'onglet « Options d'écran » dans le coin supérieur droit. Ensuite, cochez la case « Extrait ». Vous verrez maintenant un espace pour votre extrait sous la case dans laquelle vous rédigez votre message.
Votre thème WordPress utilisera désormais l'extrait personnalisé pour cet article.
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, les extraits personnalisés peuvent ne pas avoir ce lien.
Le lecteur peut toujours cliquer sur le titre de l’article ou sur l’image sélectionnée pour lire l’intégralité de votre article.
2. Modification de la longueur de l'extrait
Si vous souhaitez modifier la longueur des extraits sur votre site, vous pouvez utiliser le plugin gratuit WPCode. Ce n'est pas seulement le moyen le plus simple et le plus sûr d'ajouter du code personnalisé à votre site, mais il est également livré avec une vaste bibliothèque d'extraits de code préconfigurés.
Nous utiliserons l'un de ces extraits intégrés aujourd'hui.
Pour commencer, vous devez installer et activer WPCode. Pour plus de détails, vous pouvez consulter notre guide étape par étape sur la façon d'installer un plugin WordPress.
Une fois activé, vous pouvez accéder à Extraits de code » Ajouter un extrait dans votre panneau d'administration WordPress et rechercher « extrait ».
Passez votre souris sur le résultat intitulé « Modifier la longueur de l'extrait » et cliquez sur le bouton « Utiliser l'extrait ».
Le plugin insérera ensuite 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 numéro sur la ligne 5 selon ce qui convient le mieux à votre blog WordPress.
Une fois que vous avez défini la durée de l'extrait souhaitée, il vous suffit de basculer le commutateur sur « Actif » et de cliquer sur le bouton « Mettre à jour ».
Désormais, lorsque vous visiterez votre site, les extraits raccourcis seront là où votre thème les montrera.
Vous trouverez ci-dessous un exemple de ce à quoi cela ressemblerait en utilisant le thème Twenty Twenty-Two et en définissant 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.
Modification de la durée 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 coller des extraits de code dans WordPress, et comme nous utilisons WPCode, cela suit bon nombre des mêmes étapes que ci-dessus.
Tout d’abord, accédez à Extraits de code » Ajouter un extrait. Passez simplement votre souris sur « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l'extrait ».
Ensuite, vous voyez 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 sur la ligne 3 pour choisir le nombre de mots de votre extrait personnalisé.
De plus, la modification du texte mis en évidence ci-dessous sur la ligne 4 modifiera le texte d'ancrage du lien Lire la suite lorsque l'extrait est coupé.
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 continuer et basculer 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 sur la ligne 3.
3. Modification du texte Lire la suite pour les extraits
En plus de l'extrait ci-dessus, vous pouvez également utiliser la bibliothèque d'extraits de code WPCode pour modifier le texte « Lire la suite » qui apparaît avec des 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 la façon d'installer un plugin WordPress.
Une fois activé, vous pouvez accéder à Extraits de code »Ajouter un extrait dans votre panneau d'administration. À partir de là, recherchez simplement « extrait » et passez votre souris sur le résultat intitulé « Modifier le texte en lecture supplémentaire 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, est configuré pour dire « Lire l'intégralité du message ».
Cependant, vous pouvez remplacer le texte de la ligne 4 par ce que vous voulez.
Chaque fois que vous êtes satisfait de votre nouveau texte, basculez simplement le commutateur sur « Actif » et cliquez sur le bouton « Mettre à jour ».
4. Afficher des extraits dans votre thème
Les thèmes WordPress les plus populaires sont dotés d'un support intégré pour afficher des extraits personnalisés sur vos publications.
Cependant, certains thèmes peuvent ne pas prendre en charge les extraits. Si tel est le cas pour le vôtre, vous devrez alors modifier manuellement vos modèles de thème.
Ajout d'un extrait de message dans les thèmes de bloc
Si vous utilisez un thème de bloc, vous pouvez accéder à 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 publications sont affichées.
L'éditeur du site peut afficher vos dernières publications à l'aide du bloc Query Loop, qui est le moyen standard d'afficher une liste de publications.
Après avoir ajouté le bloc de 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 une grille, un tableau, une liste, etc.
Le modèle de publication généré affichera désormais automatiquement l’extrait de votre publication.
Cependant, la seule chose que vous pouvez modifier ici est le texte Lire la suite.
Ajout d'un extrait de message 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 cela vous met mal à l'aise, 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 déterminer 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 etcategory.php.
Dans chacun de ces fichiers, vous devrez retrouver cette ligne :
<?php the_content(); ?>
Ensuite, vous devrez le remplacer par la balise the_excerpt comme ceci :
<?php the_excerpt(); ?>
Important : Nous déconseillons cette méthode aux débutants. Même si vous êtes assez expérimenté avec WordPress, vous souhaiterez peut-être éviter de créer un thème enfant et de modifier vos fichiers modèles.
Les deux méthodes suivantes constituent d’excellentes alternatives.
5. Afficher le début de vos messages avec la balise More
Une autre façon de créer une version courte de votre article pour votre page d’accueil et vos pages d’archives WordPress consiste à utiliser la balise « Plus ».
Cela fonctionne un peu différemment d’un extrait. Au lieu de créer un extrait de texte uniquement de votre message, la balise Plus vous permet d'interrompre votre message à un moment donné.
Cela signifie que seule la première partie de votre publication (jusqu'à la balise) s'affichera dans la liste des publications 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 à l’intégralité de votre message. Ils seront également automatiquement redirigés vers le bon endroit dans la publication.
Pour créer une balise Plus, créez une nouvelle publication ou modifiez-en une existante.
Ensuite, vous devez ajouter un bloc là où vous souhaitez que la balise Plus aille. Sélectionnez le bloc Plus dans la section Options de mise en page ou recherchez-le à l'aide de la barre de recherche.
C'est ainsi que la balise more apparaîtra dans l'éditeur de contenu.
En option, vous pouvez choisir de masquer le contenu avant la balise Plus sur la publication réelle.
Remarque : Vous pouvez également ajouter une balise Plus dans l'ancien éditeur classique. Cliquez à l'endroit où vous souhaitez placer la balise dans votre message 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 publications sont affichées. 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 publications.
6. Ajout d'extraits WordPress personnalisés à l'aide d'un plugin
Que se passe-t-il si la fonctionnalité d’extraits personnalisés intégrée à WordPress ne fait pas ce que vous voulez… et que vous ne souhaitez pas non plus utiliser de balise Plus ?
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 Extrait.
Si vous n’avez jamais installé de plugin auparavant, jetez un œil à nos instructions étape par étape sur la façon d’installer un plugin WordPress.
Une fois que vous l'avez activé, vous pouvez accéder à 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 d’autoriser l’extrait à être coupé au milieu d’un mot ou d’une phrase.
Vous pouvez également restaurer le lien « Lire la suite » qui disparaît normalement de l'extrait personnalisé. Vous pouvez même le remplacer par le texte de votre choix et modifier son fonctionnement :
Conseil : Pour utiliser des extraits personnalisés avec ce plugin, décochez la case "Générer des extraits même si un article est joint à un extrait personnalisé".
Cela ressemble à ceci.
Après avoir modifié les paramètres avancés de l'extrait, 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 constater, le saut de ligne et le texte en italique ont été conservés.
Par défaut, le plugin Advanced Excerpt utilisera 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 le désactiver, vous pouvez simplement désactiver le plugin.
Nous espérons que cet article vous a aidé à personnaliser facilement des extraits WordPress sans aucun codage. Vous aimerez peut-être également notre liste des plugins que chaque site professionnel doit avoir ou notre guide sur la façon d'obtenir un certificat SSL pour votre site.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.