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

Les extraits donnent un bref aperçu de votre contenu, permettant aux visiteurs de comprendre rapidement de quoi parle chaque article et les encourageant à cliquer pour en savoir plus. Ceci est particulièrement utile pour les listes de blogs, les archives et les pages de résultats de recherche.

En affichant des extraits d'articles, vous pouvez rendre la mise en page de votre site visuellement attrayante et réduire son temps de chargement. Cependant, la plupart des thèmes WordPress n'affichent pas les extraits d'articles par défaut. Vous devrez le configurer vous-même.

Chez WPBeginner, nous affichons toujours des extraits de nos articles sur les pages d'accueil et de blog. Cette approche nous permet de mettre en avant plus d'articles, ce qui facilite la navigation des visiteurs dans notre contenu. Nous avons également beaucoup d'expérience dans la personnalisation des thèmes WordPress et l'optimisation des blogs.

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 de votre site Web. Cependant, ce n'est pas la meilleure expérience pour les utilisateurs qui souhaitent parcourir rapidement les différents articles et trouver celui qu'ils veulent lire en premier.

Cela peut également signifier beaucoup de défilement, ce qui est un gros problème pour les utilisateurs de smartphones et de tablettes.

Au fur et à mesure que vous publiez plus d'articles, WordPress peut également diviser vos blogs sur plusieurs pages à l'aide de la pagination. Lorsque vos anciens articles sont repoussés sur d'autres pages, ils reçoivent souvent beaucoup moins de vues et moins d'engagement.

Pour cette raison, de nombreux propriétaires de blogs affichent des extraits d'articles sur leurs pages d'archives et d'index de blog à la place. Comme seule une partie de chaque article est chargée, cela peut améliorer la vitesse et les performances de votre WordPress.

WordPress prend en charge les extraits d'articles, mais tous les thèmes n'utilisent pas cette fonctionnalité.

Cela dit, nous allons vous montrer comment afficher des 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 ont 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)
• Méthode 2 : Ajouter des extraits d'articles en utilisant l'éditeur de site complet (Thèmes par blocs uniquement)
• Méthode 3 : Ajouter des extraits d'articles à WordPress en utilisant un constructeur de thème (Avancé)
• Bonus : Afficher des extraits pour le contenu protégé par mot de passe

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.

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.

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.

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é.

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.

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.

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.

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.

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

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.

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.

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.

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 ».

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.

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.

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.

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 ».

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é.

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

Comme nous voulons ajouter des extraits de publication à notre site Web, survolez le modèle « Index du blog, Archives, Recherche » avec votre souris et cliquez sur le lien « Modifier la conception » 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.

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.

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 » ».

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 sa 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.

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.