Comment afficher les articles les plus commentés dans WordPress (2 manières)

Vous souhaitez afficher vos articles les plus commentés dans WordPress ?

La mise en évidence de vos publications les plus commentées aide vos visiteurs à trouver votre meilleur contenu, à augmenter le nombre de pages vues et à stimuler l'engagement sur le site Web.

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

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

Vos publications les plus commentées ont des niveaux d’engagement des utilisateurs très élevés. En affichant vos articles populaires, vous encouragez les nouveaux lecteurs à rejoindre la discussion et à passer plus de temps sur votre site WordPress.

Tout cela ensemble constitue un formidable atout en matière 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 de diffusion ou d'effectuer un achat.

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

Cela étant dit, voyons comment afficher simplement vos articles les plus commentés dans WordPress en utilisant 2 méthodes. Vous pouvez cliquer sur les liens ci-dessous pour accéder à n’importe quelle section :

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

Il existe de nombreux plugins de publications populaires 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.

La première chose que vous devez faire est d'installer, d'activer et de configurer MonsterInsights. Pour plus de détails, consultez notre guide du débutant sur la façon d’installer Google Analytics dans WordPress.

Remarque : il existe une version gratuite de MonsterInsights, mais nous utilisons la version professionnelle pour ce didacticiel car elle inclut la fonctionnalité de publications populaires.

Lors de l'activation, accédez à Insights » Publications populaires, puis cliquez sur l'onglet « Widget de publications populaires » dans le menu.

Sur cet écran, vous contrôlerez l’apparence de vos publications les plus commentées.

Sélectionnez simplement le « Thème » que vous souhaitez utiliser pour vos publications les plus commentées. Le thème fonctionne de la même manière que votre thème WordPress et contrôlera la conception globale du widget des publications les plus commentées.

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

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

Après cela, vous disposez de 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 publications les plus commentées.

Une fois que vous avez fini de personnaliser l’apparence de vos publications commentées, il est temps d’afficher vos publications populaires par commentaires.

Dans la méta-boîte « Trier par », sélectionnez simplement le bouton « Commentaires ».

Ensuite, vous pouvez faire défiler vers le bas et afficher plus d'options pour inclure et exclure des publications.

Il existe également une option pour inclure des publications de catégories spécifiques dans le widget de publication populaire.

MonsterInsights affichera automatiquement vos publications les plus commentées.

Vous disposez de plusieurs options différentes pour ajouter vos publications 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 consiste à afficher manuellement vos articles les plus commentés. Si vous sélectionnez l'option « Manuel », vous pouvez alors ajouter le widget de publications populaires avec un bloc Gutenberg ou un shortcode.

Pour ce faire, ouvrez une page ou une publication sur laquelle vous souhaitez afficher vos publications les plus commentées.

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

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

Assurez-vous de cliquer sur « Mettre à jour » ou « Publier » pour appliquer vos modifications.

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

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

Méthode 2 : afficher les articles les plus commentés à l’aide du code

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

Cependant, l’utilisation de cette méthode présente certains inconvénients. Premièrement, cela implique d’ajouter du code à WordPress, ce n’est donc pas adapté aux débutants. Même une petite erreur peut entraîner de graves problèmes. Nous recommandons donc de modifier les 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 signifie que cela augmentera la charge du serveur et peut ralentir votre site Web.

Cela étant dit, voyons comment afficher les articles les plus commentés dans WordPress sans plugin.

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

Vous souhaiterez ajouter le code fourni ci-dessous à votre fichier function.php. Nous vous recommandons de le faire en utilisant le plugin WPCode. C’est le moyen le plus sûr et le meilleur d’ajouter du code personnalisé à votre site Web WordPress.

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

Remarque : Vous pouvez également utiliser le plugin gratuit WPCode car il possède toutes les fonctionnalités dont vous avez besoin pour ajouter ce code.

Une fois activé, vous pouvez vous diriger vers 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 pour votre extrait de code en haut de la page. Maintenant, copiez et collez simplement ce code dans la zone « 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');

Après cela, assurez-vous de cliquer sur le menu déroulant Type de code et de sélectionner l'option « Extrait PHP ».

Une fois cela fait, cliquez simplement sur la bascule pour rendre le code « Actif », puis appuyez sur le bouton « Enregistrer l'extrait » en haut.

Pour plus de détails, veuillez consulter notre guide du débutant pour coller des extraits du Web dans WordPress.

Le code exécutera une requête dans la base de données et récupérera 10 publications classées en fonction du 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 publications.

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

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 du débutant sur la façon d’ajouter un shortcode dans WordPress.

Si vous souhaitez ajouter des vignettes à 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 des images miniatures des publications. Vous pouvez ajuster la taille pour répondre à vos besoins.

Stylez vos publications les plus commentées à l'aide de CSS

Une fois que vous avez fait cela, vous pouvez définir la manière dont vos publications les plus commentées s'afficheront.

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 du thème de votre site Web, vous pouvez utiliser WPCode. Accédez simplement à 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.

Assurez-vous simplement 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 bouton sur « Actif », puis de cliquer sur le bouton « Enregistrer l'extrait » en haut.

Pour plus de détails, consultez notre guide sur la façon d’ajouter facilement du CSS personnalisé à votre site WordPress.

Nous espérons que cet article vous a aidé à afficher les articles les plus commentés sur WordPress. Vous voudrez peut-être également consulter notre guide ultime de référencement WordPress pour obtenir plus de trafic, ainsi que notre sélection d’experts des meilleurs plugins WordPress pour les entreprises.

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.