Comment afficher les articles les plus commentés dans WordPress (2 méthodes)

Mettre en avant les articles les plus commentés sur votre site WordPress peut aider les visiteurs à trouver votre meilleur contenu et augmenter le nombre de pages vues. Cela peut également encourager davantage de discussions entre vos lecteurs.

Sur le blog WPBeginner, nous avons affiché les articles les plus commentés et constaté une augmentation significative du trafic vers nos articles clés. Cette approche encourage les visiteurs à rester plus longtemps sur le site et à s'engager en laissant des commentaires.

Dans cet article, nous allons vous montrer comment afficher facilement les articles les plus commentés dans WordPress, étape par étape.

Pourquoi afficher les articles les plus commentés dans WordPress ?

Vos articles les plus commentés ont un très haut niveau d'engagement des utilisateurs. En affichant vos articles populaires, vous encouragez les nouveaux lecteurs à se joindre à la discussion et à passer plus de temps sur votre site WordPress.

Tout cela réuni constitue un grand coup de pouce de preuve sociale pour votre site.

Lorsque vos visiteurs restent plus longtemps sur votre site, vous pouvez les convaincre de lire un autre article, de rejoindre votre liste d'e-mails, ou de faire un achat.

De plus, lorsque de nouveaux visiteurs laissent un commentaire, ils font partie de la communauté. Cela peut vous aider à établir une relation de confiance avec vos lecteurs sur le long terme.

Cela étant dit, examinons comment afficher facilement vos articles les plus commentés dans WordPress en utilisant 2 méthodes. Vous pouvez cliquer sur les liens ci-dessous pour passer à la section de votre choix :

• Méthode 1 : Afficher les articles les plus commentés avec un plugin dans WordPress (Recommandé)
• Méthode 2 : Afficher les articles les plus commentés en utilisant du code
• Bonus : Afficher les articles populaires par vues dans WordPress

Méthode 1 : Afficher les articles les plus commentés avec un plugin dans WordPress (Recommandé)

Il existe de nombreux plugins d'articles populaires pour WordPress que vous pouvez utiliser pour afficher vos articles populaires, mais le plus simple à utiliser est MonsterInsights.

C'est la meilleure solution d'analyse pour WordPress, utilisée par plus de 3 millions de sites Web. Avec ce plugin, vous pouvez facilement afficher vos articles les plus commentés n'importe où sur votre site Web.

Tout d'abord, vous devez installer, activer et configurer MonsterInsights. Pour plus de détails, consultez notre guide pour débutants sur comment installer Google Analytics dans WordPress.

Après l'activation, accédez à la page Insights » Articles populaires, puis cliquez sur l'onglet « Widget d'articles populaires » dans le menu.

Sur cet écran, vous contrôlerez l'apparence de vos articles les plus commentés.

Sélectionnez simplement le « Thème » que vous souhaitez utiliser pour vos articles. Le thème fonctionne de manière similaire à votre thème WordPress et contrôlera la conception globale du widget d'articles les plus commentés.

Il existe une tonne d'autres options de personnalisation sur cet écran également.

Par exemple, dans la boîte méta « Aperçu du thème », vous pouvez afficher vos articles les plus commentés dans un format « Large » sous votre contenu ou un format « Étroit » à droite de votre contenu.

Après cela, vous avez plus d'options pour personnaliser le design.

Par exemple, vous pouvez modifier la taille et la couleur du titre, de l'icône et de l'arrière-plan.

MonsterInsights enregistrera automatiquement toutes les modifications que vous apportez aux paramètres d'affichage de vos articles les plus commentés.

Une fois que vous avez terminé de personnaliser l'apparence de vos articles commentés, il est temps d'afficher vos articles populaires par commentaires.

Dans la boîte méta « Trier par », sélectionnez simplement l'option « Commentaires ».

Ensuite, faites défiler vers le bas et affichez plus d'options pour inclure et exclure des articles.

Il existe également une option pour inclure des articles de catégories spécifiques dans le widget d'articles populaires.

MonsterInsights affichera automatiquement vos articles les plus commentés.

Vous avez plusieurs options pour ajouter vos articles populaires à WordPress. Vous pouvez choisir un placement manuel ou automatique.

Si vous choisissez le placement « Automatique », le plugin ajoutera vos articles WordPress les plus commentés directement après le dernier paragraphe de vos articles de blog.

L'autre option est d'afficher vos articles les plus commentés manuellement. Si vous sélectionnez l'option « Manuel », vous pouvez ajouter le widget d'articles populaires avec un bloc Gutenberg ou un shortcode.

Pour ce faire, ouvrez une page ou un article où vous souhaitez afficher vos articles les plus commentés.

Une fois dans l'éditeur de contenu, cliquez simplement sur l'icône « + » et sélectionnez le bloc « Articles populaires ».

Cela ajoutera automatiquement vos articles les plus commentés à votre page.

Assurez-vous de cliquer sur le bouton « Mettre à jour » ou « Publier » pour rendre vos modifications visibles.

Désormais, lorsque vos utilisateurs visiteront la page, ils verront vos articles les plus commentés affichés.

Vous pouvez visiter le site Web pour voir les articles les plus populaires avec commentaires en action.

Méthode 2 : Afficher les articles les plus commentés en utilisant du code

La deuxième méthode consiste à ajouter du code à vos fichiers WordPress.

Cependant, cette méthode présente certains inconvénients. Premièrement, elle implique l'ajout de code à WordPress, elle n'est donc pas adaptée aux débutants. Elle peut causer de graves problèmes, même avec une petite erreur, nous recommandons donc la modification des fichiers principaux de WordPress pour les utilisateurs avancés.

Deuxièmement, le code n'est pas aussi optimisé pour les performances que le plugin MonterInsights. Cela augmente la charge du serveur et peut ralentir votre site Web.

Cela dit, examinons comment vous pouvez afficher les articles les plus commentés dans WordPress sans plugin.

Ajout d'un extrait de code au fichier functions.php

Vous voudrez ajouter le code fourni ci-dessous à votre fichier functions.php. Nous vous recommandons de le faire en utilisant le plugin WPCode. C'est la méthode la plus sûre et la meilleure pour ajouter du code personnalisé à votre blog WordPress.

Tout d'abord, vous devrez installer et activer le plugin WPCode. Pour plus de détails, veuillez consulter notre guide sur comment installer un plugin WordPress.

Une fois activé, vous pouvez accéder à la page Extraits de code » + Ajouter un extrait depuis votre tableau de bord WordPress et sélectionner l'option 'Ajouter votre code personnalisé (Nouvel extrait)'.

Ensuite, vous pouvez ajouter un nom à votre extrait de code en haut de la page. Après cela, sélectionnez 'Extrait PHP' comme type de code dans le menu déroulant à droite.

Maintenant, copiez et collez simplement ce code dans la boîte 'Aperçu du code' :

function wpb_most_commented_posts() { 
// start output buffering
ob_start();
?>
<ul class="most-commented">
<?php 
// Run WP_Query
// change posts_per_page value to limit the number of posts
$query = new WP_Query('orderby=comment_count&posts_per_page=10'); 
  
//begin loop
while ($query->have_posts()) : $query->the_post(); ?>
  
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> <span class="wpb-comment-count"><?php comments_popup_link('No Comments;', '1 Comment', '% Comments'); ?></span></li>
<?php endwhile; 
// end loop
?>
</ul>
<?php
  
// Turn off output buffering
 $output = ob_get_clean(); 
  
//Return output 
return $output; 
}
// Create shortcode
add_shortcode('wpb_most_commented', 'wpb_most_commented_posts'); 
  
//Enable shortcode execution in text widgets
add_filter('widget_text', 'do_shortcode');

Une fois que c'est fait, cliquez simplement sur le commutateur pour rendre le code 'Actif', puis appuyez sur le bouton 'Enregistrer l'extrait' en haut.

Pour plus de détails, veuillez consulter notre guide pour débutants sur le collage d'extraits du web dans WordPress.

Le code exécutera une requête de base de données et récupérera 10 articles classés par le nombre de commentaires le plus élevé. Ensuite, il utilise la mise en mémoire tampon de sortie pour créer un shortcode que vous pouvez utiliser pour afficher les articles.

La dernière ligne du code crée un shortcode que vous pouvez utiliser dans vos articles, pages et zones de widget.

Pour afficher vos articles populaires, il vous suffit d'ajouter le shortcode suivant à votre site WordPress.

[wpb_most_commented]

Pour plus de détails, consultez notre guide pour débutants sur comment ajouter un shortcode dans WordPress.

Si vous souhaitez ajouter des miniatures à côté des titres de vos articles, ajoutez la ligne de code suivante juste après la balise <li> dans le code ci-dessus.

<?php the_post_thumbnail(array(40,40)); ?>

Ce code définira la taille personnalisée pour les images miniatures des articles. Vous pouvez ajuster la taille selon vos besoins.

Stylisez vos articles les plus commentés avec CSS

Une fois que vous avez fait cela, vous pouvez styliser la façon dont vos articles les plus commentés seront affichés.

Pour ce faire, vous pouvez modifier les classes CSS .most-commented et .wpb-comment-count dans la feuille de style de votre thème WordPress.

Vous pouvez utiliser le CSS suivant pour commencer :

.most-commented li { 
border-bottom:1px solid #eee; 
padding-bottom:3px; 
} 
.most-commented li :after { 
clear:both;
} 
.most-commented img { 
padding:3px;
margin:3px;
float:left;
}
.wpb_comment_count a, .wpb_comment_count a:active, .wpb_comment_count a:visited, .wpb_comment_count a:hover { 
color:#FFF;
}

Pour ajouter du CSS à la feuille de style de votre thème de site Web, vous pouvez utiliser WPCode.

Allez simplement dans Extraits de code » + Ajouter un extrait depuis votre tableau de bord WordPress et sélectionnez l'option 'Ajouter votre code personnalisé (Nouvel extrait)'.

Ensuite, entrez le code CSS dans la zone Aperçu du code et ajoutez un titre pour votre extrait.

Ensuite, assurez-vous de cliquer sur le menu déroulant Type de code et de sélectionner l'option 'Extrait CSS'.

Lorsque vous avez terminé, n'oubliez pas de basculer le commutateur sur 'Actif', puis de cliquer sur le bouton 'Enregistrer l'extrait' en haut.

Pour plus de détails, consultez notre guide sur comment ajouter facilement du CSS personnalisé à votre site WordPress.

Bonus : Afficher les articles populaires par vues dans WordPress

Si vous ne souhaitez pas afficher les articles de blog les plus commentés, vous pourriez souhaiter afficher les articles qui sont tendance et qui ont le plus de vues d'utilisateurs sur votre site Web.

Cela peut augmenter les conversions et aider les visiteurs à découvrir le contenu que leurs pairs aiment le plus.

Pour afficher les articles populaires par vues, vous pouvez utiliser MonsterInsights et son module complémentaire Dimensions. Pour plus d'informations, consultez notre avis sur MonsterInsights.

Après activation, visitez la page Insights » Paramètres depuis le tableau de bord WordPress et basculez vers l'onglet 'Conversions'. Ici, cliquez sur le bouton 'Ajouter une nouvelle dimension personnalisée'.

Cela ouvrira un menu déroulant, à partir duquel vous devez sélectionner 'Type de publication'. Désormais, MonsterInsights commencera à suivre les performances de vos articles de blog.

Ensuite, visitez la page Insights » Articles populaires depuis le tableau de bord WordPress et basculez vers l'onglet 'Widget d'articles populaires'.

Ici, vous pouvez configurer le style de la mise en page, la couleur d'arrière-plan et la couleur du texte de votre widget. Une fois que vous avez fait cela, faites défiler vers le bas jusqu'à la section « Trier par » et sélectionnez l'option « Sélectionné ».

Après cela, activez l'option « Ajouter les 5 articles les plus consultés de Google Analytics » ci-dessous.

Vous pouvez maintenant intégrer le bloc « Articles populaires » sur la page ou l'article où vous souhaitez afficher les articles les plus populaires par vues. Pour plus de détails, consultez notre tutoriel sur comment afficher les articles les plus populaires par vues dans WordPress.

Nous espérons que cet article vous a aidé à afficher les articles les plus commentés dans WordPress. Vous voudrez peut-être aussi consulter notre tutoriel sur comment désactiver les notifications de commentaires dans WordPress et notre sélection d'experts des meilleurs plugins d'articles similaires pour 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.