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

 

ایجاد شورت کد

در این آموزش ما می خواهیم این امکان را با استفاده از کدنویسی به سایت اضافه کنیم. بدین منظور قطعه کد زیر را به فایل functions.php پوسته اضافه کنید:

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=5'); 

//begin loop
while ($query->have_posts()) : $query->the_post(); ?>

<li><?php the_post_thumbnail(array(40,40)); ?>
<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');

این کد ابتدا ۵ پست با بیشترین تعداد دیدگاه ثبت شده را از پایگاه داده دریافت می کند. سپس یک شورت کد ایجاد می کند که می توان از  آن را در ابزارک ها استفاده کرد.

به عبارتی شما پس از اینکه کدها را به فایل توابع پوسته اضافه کردید می توانید به قسمت ابزارک ها مراجعه کنید و در آنجا کد 

[[wpb_most_commented]] را درون ابزارک متن وارد کنید تا مطالب محبوب براساس تعداد دیدگاه نمایش داده شوند.

البته این کد بدون استایل است – به همین دلیل اگر به کدنویسی css آشنایی ندارید ما یک کد نیز برایتان آماده کرده ایم که می توانید آن را به فایل style.css پوسته اضافه کنید تا بلاک مطالب محبوب نمایش خوبی داشته باشد.

کدهای استایل:

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