Comment afficher les extraits d'articles dans les thèmes WordPress

Les extraits donnent aux visiteurs un bref aperçu de votre contenu, les aidant à comprendre rapidement de quoi parle chaque article et les encourageant à cliquer pour en savoir plus. Ils sont particulièrement utiles sur les listes de blog, les pages d'archives et les résultats de recherche.

L'affichage des extraits d'articles peut également rendre votre site plus propre et plus rapide en n'affichant qu'une partie de chaque article. Cependant, de nombreux thèmes WordPress n'affichent pas les extraits par défaut, ce qui peut laisser vos pages de blog encombrées ou incomplètes.

Chez WPBeginner, nous affichons des extraits sur nos pages d'accueil et de blog. Cela nous permet de mettre en avant plus d'articles à la fois et facilite la navigation de nos visiteurs dans notre contenu. Au fil du temps, nous avons également personnalisé et optimisé de nombreux thèmes WordPress pour améliorer la lisibilité et les performances.

Dans cet article, nous vous montrerons comment ajouter facilement des extraits d'articles à votre thème WordPress.

Pourquoi afficher des extraits d'articles dans WordPress ?

Par défaut, WordPress affichera les articles complets sur la page d'accueil, la page de blog et les pages d'archives sur votre site Web.

Cependant, passer aux extraits d'articles offre plusieurs avantages clés :

• Meilleure expérience utilisateur : Les extraits permettent aux utilisateurs de parcourir rapidement les sujets et de trouver le contenu qu'ils souhaitent lire, plutôt que de faire défiler des articles complets.
• Amélioration de la vitesse du site : Comme seule une partie de chaque article est chargée, vos pages se chargeront beaucoup plus rapidement, ce qui améliore les performances.
• Optimisation mobile : L'affichage d'articles complets entraîne un défilement excessif, ce qui est une mauvaise expérience pour les utilisateurs de smartphones et de tablettes. Les extraits résolvent ce problème.
• Engagement accru : En mettant en avant plus d'articles, vous augmentez la probabilité que les utilisateurs cliquent pour lire plusieurs articles, ce qui augmente vos pages vues.

WordPress dispose d'un support intégré pour les extraits d'articles, mais tous les thèmes ne les utilisent pas.

Maintenant, nous allons vous montrer comment afficher les extraits d'articles dans n'importe quel thème WordPress.

Comment vérifier si votre thème WordPress prend en charge les extraits d'articles

La plupart des thèmes WordPress populaires incluent un réglage qui vous permet d'afficher des extraits d'articles au lieu de l'article complet.

Pour savoir si votre thème prend en charge les extraits d'articles, visitez la page Apparence » Personnaliser dans le tableau de bord WordPress.

L'emplacement de ces réglages variera en fonction de votre thème WordPress, mais vous devez rechercher tout réglage intitulé « Blog ».

Par exemple, si vous utilisez le thème WordPress Sydney, vous devrez sélectionner « Blog », puis cliquer sur « Archives du blog ».

Vous pouvez ensuite faire défiler jusqu'à la section « Éléments de l'article » et développer l'onglet « Contenu ». Une fois cela fait, sélectionnez l'option « Extrait » dans le menu déroulant sous « Type de contenu ».

Si votre thème a une option « Réglages du thème » ou « Réglages généraux de l'article », vous pourrez peut-être également activer les extraits d'articles dans ces sections.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Publier ». Maintenant, si vous visitez le blog, l'archive ou la page d'accueil, vous devriez voir une liste d'extraits de blog plutôt que des articles complets.

Si votre thème n'a pas de prise en charge intégrée des extraits d'articles, vous devrez l'ajouter. Utilisez simplement les liens rapides ci-dessous pour accéder à la méthode que vous souhaitez utiliser :

Méthode 1 : Ajouter des extraits d'articles à WordPress en utilisant du code (Facile)

Si votre thème WordPress ne prend pas en charge les extraits d'articles par défaut, vous pouvez toujours ajouter cette fonctionnalité manuellement.

Étape 1 : Créer un thème enfant

Vous pouvez modifier directement les fichiers de votre thème WordPress, mais nous vous recommandons plutôt de créer un thème enfant. Ainsi, lorsque vous mettez à jour votre thème WordPress, vous ne perdrez pas les modifications que vous avez apportées.

Pour plus de détails, consultez notre guide pour débutants sur comment créer un thème enfant WordPress.

Étape 2 : Localiser les fichiers de modèle

Après avoir fait cela, vous devrez trouver le modèle qui contrôle chaque page où vous souhaitez afficher des extraits d'articles. Pour la plupart des thèmes, il s'agira de home.php, content.php, category.php et archive.php.

Pour obtenir de l'aide afin de trouver le bon fichier, consultez notre guide pour débutants sur la hiérarchie des modèles WordPress.

Étape 3 : Remplacer la balise de contenu par la balise d'extrait

Une fois cela fait, localisez simplement le code suivant dans chaque fichier :

<?php the_content(); ?>

Remplacez ensuite ce code par la balise the_excerpt :

<?php the_excerpt(); ?>

Une fois cela fait, enregistrez le fichier, puis vérifiez votre site Web. Vous devriez maintenant voir des extraits d'articles là où l'article complet se trouvait auparavant.

Modifier la longueur par défaut des extraits WordPress

Par défaut, WordPress affichera les 55 premiers mots de chaque article, puis ajoutera des points de suspension (...) pour indiquer qu'il y a plus de contenu.

Vous pouvez modifier cela pour afficher plus ou moins de mots en ajoutant du code à votre site Web WordPress. Bien qu'il soit possible de modifier directement les fichiers du thème, cela peut être compliqué.

Une simple erreur peut également causer de nombreuses erreurs WordPress courantes et peut même casser complètement votre site.

Pour cette raison, nous recommandons d'utiliser WPCode. Il permet d'ajouter facilement des snippets de code dans WordPress sans avoir à modifier les fichiers de votre thème. Ainsi, vous pouvez mettre à jour ou changer votre thème sans perdre le code personnalisé.

Étape 1 : Installer et activer WPCode

Tout d'abord, vous devez installer et activer le plugin gratuit WPCode. Pour plus d'informations, vous pouvez consulter notre guide pour débutants sur comment installer un plugin WordPress.

Étape 2 : Ajouter un nouveau fragment

Après activation, visitez la page Extraits de code » + Ajouter un extrait depuis le tableau de bord WordPress. Ensuite, cliquez sur le bouton ‘+ Ajouter un extrait personnalisé’ sous l'option ‘Ajouter votre code personnalisé (Nouvel extrait)’.

Ensuite, vous devez sélectionner le type de code parmi les options qui apparaissent à l'écran.

Pour ce tutoriel, choisissez « Snippet PHP ».

Sur l'écran suivant, tapez un titre pour l'extrait de code. Ceci est juste pour votre référence, vous pouvez donc utiliser ce que vous voulez.

Étape 3 : Saisir le code personnalisé

Une fois cela fait, collez simplement le code suivant dans l'éditeur de code :

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Ce code modifie la longueur de l'extrait de publication à 100 caractères. Vous pouvez changer le ‘100’ par n'importe quel nombre que vous souhaitez.

Étape 4 : Enregistrer et activer le fragment de code

Après avoir collé le code, basculez l'interrupteur de ‘Inactif’ à ‘Actif’ dans le coin supérieur droit, puis cliquez sur le bouton ‘Enregistrer l'extrait’.

Pour plus d'astuces sur la façon d'affiner vos extraits de publication, veuillez consulter notre guide sur comment personnaliser les extraits WordPress sans code.

Méthode 2 : Ajouter des extraits d'articles en utilisant l'éditeur de site complet (Thèmes par blocs uniquement)

Si vous utilisez l'un des thèmes WordPress les plus récents basés sur les blocs, vous pouvez ajouter des extraits de publication en utilisant l'éditeur de site complet.

Étape 1 : Ouvrez l'éditeur de site complet

Pour commencer, rendez-vous sur Apparence » Éditeur dans le tableau de bord WordPress.

Étape 2 : Sélectionner les modèles

Par défaut, l'éditeur de site complet affiche le modèle d'accueil de votre thème, mais vous pouvez ajouter un extrait à n'importe quel modèle.

Dans le menu de gauche, cliquez simplement sur ‘Modèles’.

Vous verrez maintenant une liste de tous les modèles qui composent votre thème WordPress. Selon votre thème, vous pourriez vouloir ajouter des extraits au modèle d'archive, d'index, de recherche ou similaire.

Trouvez simplement le modèle que vous souhaitez modifier et cliquez dessus.

Étape 3 : Modifier le modèle

WordPress affichera maintenant un aperçu de ce modèle.

Pour continuer et modifier le modèle, cliquez sur la petite icône en forme de crayon.

Étape 4 : Ajouter le bloc d'extrait de publication

Maintenant, cliquez sur l'icône « + ».

Dans le panneau de recherche qui apparaît, tapez « Extrait de publication ».

Lorsque le bon bloc apparaît, faites-le glisser et déposez-le dans votre mise en page.

Vous pouvez répéter ce processus pour ajouter plusieurs extraits de publication au modèle.

Étape 5 : Personnaliser les paramètres du bloc

Pour affiner l'apparence de l'extrait, cliquez simplement pour sélectionner le bloc « Extrait de publication ».

Dans le menu de droite, vous pouvez commencer par choisir si le lien « Lire la suite » apparaît sur la même ligne que l'extrait en utilisant le bouton « Afficher le lien sur une nouvelle ligne ».

Vous pouvez également ajuster le nombre maximum de mots affichés en modifiant le paramètre « Longueur de l'extrait » dans la barre latérale du bloc.

Une fois cela fait, sélectionnez l'onglet « Styles ». Ici, vous pouvez changer la couleur du texte, ajouter une couleur d'arrière-plan, changer la taille de la police, et plus encore.

Au fur et à mesure que vous apportez des modifications, l'aperçu en direct se mettra à jour automatiquement, vous pourrez donc essayer différents paramètres pour voir ce qui rend le mieux.

Étape 6 : Enregistrer vos modifications

Lorsque vous êtes satisfait de la configuration de l'extrait de publication, cliquez sur le bouton « Enregistrer » pour rendre vos modifications publiques.

Vous souhaitez afficher des extraits de publication sur plus de pages et d'articles ? Répétez simplement les étapes ci-dessus, mais choisissez cette fois un nouveau modèle dans le menu de gauche.

Méthode 3 : Ajouter des extraits d'articles à WordPress en utilisant un constructeur de thème (Avancé)

Si vous souhaitez un contrôle total sur l'apparence de vos archives, de votre page de blog, de votre page d'accueil et du reste de votre site, vous pouvez créer un thème personnalisé.

Cela vous permet de concevoir vos propres pages et d'afficher des extraits n'importe où sur votre site Web.

SeedProd est le meilleur constructeur de thèmes WordPress qui vous permet de créer facilement un thème WordPress personnalisé sans écrire de code. Il dispose également d'un bloc d'articles prêt à l'emploi que vous pouvez faire glisser et déposer sur n'importe quelle page.

Étape 1 : Installer et activer SeedProd

Tout d'abord, vous devez installer et activer le SeedProd plugin. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, allez à la page SeedProd » Paramètres et entrez la clé de licence du plugin. Vous trouverez ces informations dans votre compte sur le site Web de SeedProd.

Après avoir entré la clé de licence, vous êtes prêt à créer un thème WordPress personnalisé en utilisant le constructeur de thèmes SeedProd.

Étape 2 : Choisir un kit de modèles

Tout d'abord, vous devez aller à la page SeedProd » Constructeur de thèmes .

Ici, vous pouvez soit utiliser l'un des kits de site et modèles SeedProd prêts à l'emploi comme point de départ, soit créer manuellement un modèle à partir de zéro.

Nous vous recommandons de commencer avec un thème existant, car il crée automatiquement tous les fichiers de modèle nécessaires et vous donne une longueur d'avance.

Cela étant dit, cliquez sur le bouton « Kits de modèles de thème ».

Étape 3 : Sélectionner un thème

Vous pouvez maintenant choisir l'un des modèles disponibles.

Tous ces thèmes sont entièrement personnalisables, vous pouvez donc les ajuster pour qu'ils correspondent parfaitement à votre blog ou site Web WordPress.

Après avoir choisi un thème, SeedProd créera automatiquement tous les modèles de thème dont vous avez besoin.

Vous pouvez considérer cela comme la version brouillon de votre thème WordPress personnalisé.

Étape 4 : Modifier le modèle de blog

Vous pouvez maintenant personnaliser chaque modèle à l'aide de l'éditeur glisser-déposer de SeedProd.

Comme nous voulons ajouter des extraits d'articles à notre site Web, survolez le modèle qui contrôle la liste de vos articles (souvent nommé « Index du blog, Archives, Recherche ») et cliquez sur le lien « Modifier le design » lorsqu'il apparaît.

Cela chargera le constructeur glisser-déposer de SeedProd.

Sur la droite, vous verrez un aperçu du modèle. Par défaut, le modèle de page de blog affichera l'en-tête, l'archive, le titre et toutes vos publications.

Le côté gauche affiche un menu avec tous les différents blocs que vous pouvez utiliser.

Vous pouvez ajouter de nouveaux blocs en les faisant glisser sur la page, puis les réorganiser en les faisant glisser vers le haut et vers le bas avec votre souris.

Vous pouvez personnaliser n'importe quel bloc en cliquant dessus, puis en utilisant les paramètres du menu de gauche. Lorsque vous apportez une modification, l'aperçu SeedProd se mettra automatiquement à jour pour montrer ces modifications en action.

Étape 5 : Sélectionner le bloc d'articles

Comme nous voulons personnaliser les extraits de publication, cliquez simplement pour sélectionner le bloc « Publications » dans l'aperçu en direct.

Après avoir fait cela, sélectionnez le contenu que vous souhaitez afficher dans ce bloc à l'aide des paramètres du menu de gauche.

Par exemple, vous pouvez modifier la disposition des colonnes, afficher la pagination, afficher l'image mise en avant et modifier la balise de titre.

Étape 6 : Activer l'extrait

Pour afficher l'extrait de l'article, cliquez simplement sur le bouton « Afficher l'extrait » pour qu'il devienne orange.

Une fois que vous avez fait cela, vous pouvez modifier le nombre de caractères que SeedProd affiche dans l'extrait en tapant un nouveau nombre dans « Longueur de l'extrait ».

SeedProd peut également ajouter un lien « Lire la suite » à chaque extrait, ce qui encouragera les lecteurs à ouvrir l'article complet.

Vous pouvez ajouter ou supprimer ce lien à l'aide du bouton « Afficher « Lire la suite » ».

Vous pouvez également remplacer le texte « Lire la suite » par votre propre message en tapant dans le champ « Texte « Lire la suite » ».

Étape 7 : Enregistrer vos modifications

Lorsque vous êtes satisfait de la configuration de l'extrait de l'article, cliquez sur le bouton « Enregistrer » dans le coin supérieur droit de votre écran.

Vous pouvez maintenant personnaliser les autres modèles SeedProd en allant dans SeedProd » Theme Builder et en suivant le même processus décrit ci-dessus.

Pour afficher les extraits d'articles aux visiteurs, vous devez d'abord activer votre thème SeedProd. Pour ce faire, allez dans SeedProd » Theme Builder puis cliquez sur le bouton « Activer le thème SeedProd » pour qu'il affiche « Oui ».

Maintenant, si vous visitez l'une de vos pages de blog, vous verrez les extraits d'articles en direct.

Bonus : Afficher des extraits pour le contenu protégé par mot de passe

Si vous avez un site d'adhésion, vous avez peut-être du contenu qui n'est pas disponible pour le grand public. Cependant, il est toujours bon d'afficher un extrait pour votre contenu protégé par mot de passe.

Cela peut intriguer les utilisateurs et les encourager à acheter vos abonnements pour accéder au contenu exclusif de votre site Web.

Vous pouvez facilement le faire en utilisant Restrict Content Pro, qui est un plugin de protection de contenu populaire. Après activation, ouvrez simplement un article de votre choix dans l'éditeur de blocs WordPress où vous pouvez ajouter un extrait à partir du panneau de blocs.

Après cela, vous pouvez configurer les paramètres de restriction à partir du menu déroulant.

Enfin, publiez l'article, puis visitez votre site WordPress.

Ici, les utilisateurs pourront voir l'extrait et le titre de l'article pour le contenu restreint, comme pour tout autre article. Cependant, le contenu lui-même sera caché du public.

Pour des instructions détaillées, vous pouvez également consulter notre tutoriel sur comment afficher un extrait d'un article protégé par mot de passe dans WordPress.

Foire aux questions sur l'affichage des articles dans WordPress

Voici quelques questions que nos lecteurs nous ont fréquemment posées concernant l'affichage des articles et de leurs extraits dans WordPress :

Comment afficher des extraits sur une page WordPress ?

Vous pouvez afficher des extraits d'articles sur n'importe quelle page WordPress en utilisant le bloc intégré « Derniers articles ». Ajoutez simplement le bloc à votre page, puis dans le panneau des paramètres du bloc, activez l'option « Contenu de l'article » et sélectionnez « Extrait » pour afficher un résumé au lieu de l'article complet.

Comment prévisualiser un article dans WordPress ?

Pour prévisualiser un article, cliquez sur le lien « Prévisualiser » situé dans le coin supérieur droit de l'éditeur de contenu. Vous pouvez ensuite sélectionner « Prévisualiser dans un nouvel onglet » pour voir exactement à quoi ressembleront votre article et son extrait pour les visiteurs sur ordinateur, tablette ou mobile avant de le publier.

Comment afficher les articles populaires dans WordPress ?

Le moyen le plus simple d'afficher les articles populaires est d'utiliser un plugin comme MonsterInsights. Il suit automatiquement les articles qui reçoivent le plus de trafic et les affiche dans un widget ou un bloc « Articles populaires », vous aidant à maintenir l'engagement des visiteurs avec votre meilleur contenu.

Pour plus d'informations, consultez notre tutoriel sur l'affichage des articles populaires dans WordPress.

Comment afficher les articles récents dans WordPress ?

Vous pouvez afficher les articles récents n'importe où sur votre site en utilisant le bloc « Derniers articles » ou le widget « Articles récents ». Une fois ajoutés, vous pouvez personnaliser les paramètres d'affichage pour inclure la date de l'article, l'image mise en avant et un court extrait pour inciter les lecteurs à cliquer.

Pour commencer, consultez notre guide pour débutants sur comment afficher les articles récents dans WordPress.

Comment afficher des articles spécifiques dans WordPress ?

Pour afficher des articles spécifiques, vous pouvez utiliser le bloc « Derniers articles » et filtrer les résultats par une catégorie ou une étiquette spécifique. Pour un contrôle plus avancé, les constructeurs visuels comme SeedProd vous permettent de sélectionner manuellement des ID d'articles spécifiques pour créer une liste de contenu organisée.

Nous espérons que cet article vous a aidé à apprendre comment afficher des extraits d'articles dans les thèmes WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment créer des images interactives dans WordPress et nos choix d'experts pour les meilleurs thèmes WordPress pour l'édition de site complète.

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.