Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

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.


Vous aimerez également...

  • 7 meilleurs thèmes WordPress gratuits 2022 (choisis par des experts)
  • Télécharger Genesis sample [3.4.1]: thème enfant dernière version 2021
  • Ajouter accueil Icône dans le menu de navigation WordPress
  • Comment ajouter un ruban à votre blog Wordpress
  • Comment supprimer Post Meta et Post Info sous Wordpress
  • Créer une barre de recherche avec Effet Toggle sous Wordpress

Classé sous :Thèmes Balisé avec :wordpress design

Accueil / Thèmes / Comment afficher les articles populaires sous WordPress Sans Plugin

Laisser un commentaire

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

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact