Comment afficher des extraits de messages dans les thèmes WordPress

Voulez-vous apprendre à afficher des extraits de publications dans votre thème WordPress ?

En affichant des extraits d’articles au lieu de l’article complet sur votre blog, vous pouvez aider les visiteurs à trouver rapidement du contenu intéressant et à réduire le temps de chargement de votre site.

Dans cet article, nous allons vous montrer comment ajouter des extraits de publications à votre thème WordPress.

Pourquoi afficher des extraits de messages 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 souhaitent lire en premier.

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

Au fur et à mesure que vous publiez davantage d’articles, WordPress peut également diviser vos blogs sur plusieurs pages à l’aide de la pagination. Au fur et à mesure que vos anciennes publications sont transférées vers d’autres pages, elles obtiennent souvent beaucoup moins de vues et moins d’engagement.

Pour cette raison, de nombreux propriétaires de blogs affichent plutôt des extraits de publications sur leurs pages d’archives et d’index de blog. Étant donné que seule une partie de chaque article est chargée, cela peut augmenter la vitesse et les performances de votre WordPress.

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

Cela étant dit, montrons comment afficher des extraits de publication dans n’importe quel thème WordPress.

Comment vérifier si votre thème WordPress prend en charge les extraits de publication

Les thèmes WordPress les plus populaires ont un paramètre qui vous permet d'afficher des extraits de publication au lieu de la publication complète.

Pour voir si votre thème prend en charge les extraits de publication, accédez à Apparence » Personnaliser dans le tableau de bord WordPress.

L'emplacement de ces paramètres varie en fonction de votre thème WordPress, mais vous devez rechercher tous les paramètres intitulés « Blog ».

Par exemple, si vous utilisez le thème Astra WordPress, vous devrez alors sélectionner « Blog », puis cliquer sur « Blog/Archive ».

Vous pouvez ensuite faire défiler jusqu'à la section « Publier du contenu » et cliquer sur « Extrait ».

Si votre thème dispose d'une option « Paramètres du thème » ou « Paramètres généraux de publication », vous pourrez peut-être également activer les extraits de publication dans ces sections.

Une fois que vous avez fait cela, cliquez simplement sur le bouton « Publier ». Désormais, si vous visitez le blog, les archives ou la page d'accueil, vous devriez voir une liste d'extraits de blog plutôt que des articles complets.

Si votre thème ne prend pas en charge les extraits de publication, 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 de messages à WordPress à l’aide du code (facile)

Si votre thème WordPress ne prend pas en charge les extraits de publication 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. De cette façon, lorsque vous mettrez à jour votre thème WordPress, vous ne perdrez pas les modifications que vous avez apportées.

Pour plus de détails, consultez notre guide du débutant sur la façon de créer un thème enfant WordPress.

Après avoir créé votre thème enfant, vous devrez trouver le modèle qui contrôle chaque page sur laquelle vous souhaitez afficher des extraits de publication. Pour la plupart des thèmes, il s'agira de home.php, content.php, category.php et archive.php.

Pour vous aider à trouver le bon fichier, consultez notre guide du débutant sur la hiérarchie des modèles WordPress.

Après cela, il vous suffit de localiser le code suivant dans chaque fichier :

<?php the_content(); ?>

Ensuite, remplacez ce code par la balise the_excerpt :

<?php the_excerpt(); ?>

Cela fait, enregistrez le fichier, puis vérifiez votre site Web. Vous devriez maintenant voir des extraits de messages là où se trouvait l’article complet.

Modifier la longueur par défaut de l'extrait WordPress

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

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

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

Pour cette raison, nous vous recommandons d'utiliser WPCode. Il facilite l’ajout d’extraits de code dans WordPress sans avoir à modifier vos fichiers de thème. De cette façon, vous pouvez mettre à jour ou modifier votre thème sans perdre le code personnalisé.

Tout d’abord, vous devrez installer et activer le plugin gratuit WPCode. Pour plus d'informations, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Lors de l'activation, accédez à Extraits de code » + Ajouter un extrait.

Sur l'écran suivant, passez votre souris sur l'option « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l'extrait » lorsqu'il apparaît.

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

Après cela, ouvrez la liste déroulante « Type de code » et choisissez « Extrait PHP ».

Cela fait, collez simplement ce qui suit 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 du message à 100 caractères. Vous pouvez remplacer le « 100 » par le nombre de votre choix.

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

Pour plus de conseils sur la façon d’affiner les extraits de vos articles, veuillez consulter notre guide sur la façon de personnaliser les extraits WordPress sans code.

Méthode 2 : ajouter des extraits de publication à l'aide de l'éditeur de site complet (thèmes de blocage uniquement)

Si vous utilisez l'un des thèmes WordPress en bloc les plus récents, vous pouvez ajouter des extraits de messages à l'aide de 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. En fonction de votre thème, vous souhaiterez peut-être ajouter des extraits à l'archive, à l'index, à la recherche ou à un modèle similaire.

Recherchez 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, saisissez « Publier un extrait ».

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 Publier l'extrait.

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 à l'aide de la bascule « Afficher le lien sur une nouvelle ligne ».

Cela fait, sélectionnez l'onglet « Styles ». Ici, vous pouvez modifier la couleur du texte, ajouter une couleur d'arrière-plan, modifier la taille de la police, etc.

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

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

Souhaitez-vous afficher des extraits d’articles sur plus de pages et d’articles ? Ensuite, répétez simplement les étapes ci-dessus, mais cette fois, choisissez un nouveau modèle dans le menu de gauche.

Méthode 3 : ajouter des extraits de messages à WordPress à l’aide d’un générateur de thèmes (avancé)

Si vous souhaitez un contrôle total sur l'apparence des archives, de la page de blog, de la 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 plugin de création de thème WordPress qui vous permet de créer facilement un thème WordPress personnalisé sans écrire de code. Il dispose également d'un bloc de publications prêt à l'emploi que vous pouvez faire glisser et déposer sur n'importe quelle page.

Remarque : Il existe un plugin SeedProd gratuit qui vous permet de créer de superbes pages à venir et en mode maintenance, quel que soit votre budget. Cependant, vous aurez besoin du plan SeedProd Pro ou Elite pour débloquer le générateur de thème.

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

Lors de l'activation, accédez à la page SeedProd » Paramètres et saisissez la clé de licence du plugin. Vous pouvez retrouver ces informations dans votre compte sur le site SeedProd.

Après avoir saisi la clé de licence, vous êtes prêt à créer un thème WordPress personnalisé à l'aide du générateur de thème SeedProd.

Tout d'abord, vous devez vous rendre sur la page SeedProd » Theme Builder .

Ici, vous pouvez soit utiliser l'un des kits et modèles de site 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 modèles 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 affiner pour qu'ils s'adaptent 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 une version préliminaire de votre thème WordPress personnalisé.

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

Puisque nous souhaitons ajouter des extraits d'articles à notre site Web, passez votre souris sur le modèle « Index du blog, archives, recherche » et cliquez sur le lien « Modifier la conception » lorsqu'il apparaît.

Cela chargera le générateur glisser-déposer SeedProd.

À droite, vous verrez un aperçu du modèle. Par défaut, le modèle de page de blog affichera le titre, l'archive, le titre et tous vos articles.

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 de haut en bas avec votre souris.

Vous pouvez personnaliser n'importe quel bloc en cliquant dessus puis en utilisant les paramètres dans le menu de gauche. Lorsque vous effectuez une modification, l'aperçu de SeedProd sera automatiquement mis à jour pour afficher ces modifications en action.

Puisque nous souhaitons personnaliser les extraits des articles, cliquez simplement pour sélectionner le bloc « Messages » dans l'aperçu en direct.

Après 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 sélectionnée et modifier la balise de titre.

Pour afficher l’extrait du message, 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 affichés par SeedProd 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 de la bascule « Afficher la suite ».

Vous pouvez également remplacer le texte « En savoir plus » par votre propre message en tapant dans le champ « Texte en savoir plus ».

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

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

Pour afficher les extraits de publication aux visiteurs, vous devez d'abord activer votre thème SeedProd. Pour ce faire, accédez à SeedProd » Theme Builder , puis cliquez sur le bouton "Activer le thème SeedProd" pour qu'il affiche "Oui".

Désormais, si vous visitez l’une de vos pages de blog, vous verrez les extraits des articles en direct.

Nous espérons que cet article vous a aidé à apprendre comment afficher des extraits de publications dans les thèmes WordPress. Vous voudrez peut-être également consulter notre guide sur la façon de gagner de l’argent en bloguant en ligne avec WordPress et nos choix d’experts pour les meilleurs plugins et outils WordPress SEO que vous devriez utiliser.

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.