• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
Wpcours

Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact
Accueil » Thèmes » Comment afficher les articles populaires sous WordPress Sans Plugin

Comment afficher les articles populaires sous WordPress Sans Plugin

Màj le 2 juin 2014

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.

afficher-articles-populairesVoici 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.


Plus de cours et exercices corrigés :

  • Créer une barre de recherche avec Effet Toggle sous Wordpress
  • 7 meilleurs thèmes WordPress gratuits 2022 (choisis par des experts)
  • Ajouter 728×90 Bannière Adsense En tête de thèmes StudioPress
  • Ajouter une pop-up Facebook à votre blog Wordpress sans plugin
  • Comment supprimer Post Meta et Post Info sous Wordpress

Interactions du lecteur

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Barre latérale principale

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des cours et exercices corrigés Gratuitement.

Articles récents

  • Limiter la longueur minimale et maximale ‎de vos commentaires sous Wordpress
  • Antispam Bee : meilleure configuration à faire
  • 7 outils numériques pour organiser votre travail
  • Top 4 meilleurs plugins RSVP gratuits pour WordPress
  • Comment utiliser des images WebP sur WordPress pour accélérer votre site

© 2022 ·Wpcours.com · Mentions · Contact