نمایش محبوب ترین مطالب وردپرس بر اساس تعداد دیدگاه

نمایش محبوب ترین مطالب بر اساس تعداد دیدگاه

سلام دوستان، تو این قسمت می خواهیم نمایش مطالب محبوب بر اساس تعداد دیدگاه ها در سایت های وردپرسی را به شما آموزش دهیم. کاری که می خواهیم انجام دهیم به این گونه است که می خواهیم مطالبی را که بیشترین تعداد دیدگاه را داشته است را به عنوان مطالب محبوب نشان بدهیم، برای این کار افزونه های زیادی وجود دارد که بعضی از آنها را باید از مارکت های وردپرس خریداری کنید. ما در این جا این کار را بدون افزونه به شما آموزش می دهیم.

برای این کار باید کد نویسی کنیم، من از کدهای php استفاده می کنم و با css هم به اون استایل می دهیم. حالا می ریم سر آموزش کد ها

ابتدا یک تابع می نویسیم که مطالب پربازدید را پیدا می کند، کد تابع به صورت زیر است که باید در function.php قالب قرار دهیم.

function wps_most_commented_posts() { 
// شروع خروجی
ob_start();
?>
<ul class="most-commented">
<?php 
// اجرای کوئری
$query = new WP_Query('orderby=comment_count&posts_per_page=10'); 
 
//شروع لوپ
while ($query->have_posts()) : $query->the_post(); ?>
 
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> <span class="wps-comment-count"><?php comments_popup_link('No Comments;', '1 Comment', '% Comments'); ?></span></li>
<?php endwhile; 
// پایان لوپ
?>
</ul>
<?php
 
// پایان خروجی
 $output = ob_get_clean(); 
 
//اجرای خروجی
return $output; 
}
// ساخت شورت کد
add_shortcode('wps_most_commented', 'wps_most_commented_posts'); 
 
//فعال سازی قابلیت شورت کد در ابزارک ها
add_filter('widget_text', 'do_shortcode');

در قسمت کوئری کد بالا مطالب را بر اساس تعداد دیدگاه ها مرتب کرده و در یک حلقه while فرا خوانی می کنیم.

حالا برای نمایش مطالب محبوب بر اساس نعداد دیدگاه ها کافیه شورت کد تولید شده را در جای مورد نظر در پنل مدیریت وب سایتتان کپی کنید. مثلا کد را در بخش ابزارک ها از منوی نمایش در قسمت متن می گذاریم.

اگر می خواهید تصویر را هم نمایش دهید می توانید از کد زیر استفاده کنید.

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

خط فوق را بعد از تک <li> قرار دهید. کد فوق تصویر مطلب را در اندازه 40*40 نمایش می دهد شما می توانید سایز را تغییر دهید.

کد زیر هم یک استایل ساده برای نمایش مطلب است که می توانید استفاده کنید.

.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:right;
}
.wpb_comment_count a, .wpb_comment_count a:active, .wpb_comment_count a:visited, .wpb_comment_count a:hover { 
color:#FFF;
}

موفق باشید