Comment afficher les articles populaires sous WordPress Sans Plugin

Dans cet article, nous allons partager  avec vous un bout de code que vous pouvez ajouter à votre thème afin d’afficher les messages les plus commentés sous WordPress sans plugin. Ceci est utile si vous apprenez à modifier vos thèmes WordPress et vous n’aimez pas utiliser un plugin pour cela.

Afficher les articles populaires sous WordPress Sans Plugin

Pour commencer, vous devez d’abord ajouter le code suivant à votre thème, ou bien dans  le fichier functions.php de votre thème enfant.

Voici le 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');

Ce code exécute une requête de base de données et récupère 10 articles selon le nombre de commentaires.

La dernière ligne permet d’exécuter le code dans les « widgets » de texte. Maintenant, pour afficher le résultat, tout ce que vous devez faire est d’ajouter ce code court [wpb_most_commented] dans un widget texte pour afficher les commentaires dans le « sidebar », ou dans un article ou page.

Pour afficher les « Thumbnail » à coté des titres, vous devez ajouter cette ligne  après <li> et juste après le titre de l’article.

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

La valeur (40,40), va définir la taille personnalisée pour les miniatures. Vous pouvez l’adapter à vos besoins.

Style code

Pour « styler » le code, vous pouvez utiliser des classes .most-commented et .wpb-comment-count dans la feuille de style de votre thème. Vous pouvez utiliser cette CSS (ajoutez le code ci-dessous dans votre feuille de style):

.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;
}

Nous espérons que cet article vous aidera à afficher les messages les plus commentés sous WordPress sans l’installation d’un nouveau plugin.