آموزش نمایش مطالب پر بحث در وردپرس

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

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

می‌توانید قابلیت نمایش مطالب پر بحث را به کمک افزودن قطعه کدی به فایل functions.php فعال کنید. توصیه می‌کنیم که جهت جلوگیری از بروز هرگونه مشکل، آموزش افزودن کد به سایت وردپرسی را مطالعه فرمائید.

function vebeet_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="vebeet-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('vebeet_most_commented', 'vebeet_most_commented_posts'); 
   
//Enable shortcode execution in text widgets
add_filter('widget_text', 'do_shortcode');

کد فوق یک کوئری از پایگاه داده را اجرا می‌کند و 10 پست را که بر اساس بیشترین تعداد نظرات مرتب شده‌اند باز می‌گرداند. سپس، از بافر خروجی جهت ایجاد یک کد کوتاه استفاده می‌کند که می‌توانید آن را برای نمایش پست‌ها بکار گیرید.

آخرین خط کد یک کد کوتاه ایجاد می‌کند که می‌توانید از آن در پست‌ها، صفحات و مناطق ویجت خود استفاده کنید.

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

[vebeet_most_commented]

اگر می‌خواهید تصاویر شاخص بندانگشتی هر پست را در کنار عنوان آن نمایش دهید، خط زیر را درست بعد از تگ <li> در قطعه کد اصلی اضافه کنید:

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

این کد اندازه تصاویر کوچک پست را مشخص می‌کند. شما می‌توانید اندازه را مطابق با نیاز خود تنظیم کنید.

با استفاده از CSS به پست‌هایی که بیشترین نظر را دارند استایل دهید؛ همچنین می‌توانید نحوه نمایش آن‌ها را نیز دستخوش تغییر کنید.

برای انجام این کار، می‌توانید کلاس‌های most-commented. و vebeet-comment-count. را به فایل CSS قالب وردپرس خود اضافه نموده و استایل مورد نظرتان را روی آن‌ها اعمال کنید.

برای شروع می‌توانید از 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;
}
.vebeet_comment_count a, .vebeet_comment_count a:active, .vebeet_comment_count a:visited, .vebeet_comment_count a:hover { 
color:#FFF;
}

برای افزودن کد CSS هم می‌توانید به راهنمای اضافه کردن کد که پیش‌تر اشاره شد مراجعه کنید.

امیدواریم این مقاله برای نمایش مطالب پر بحث مفید واقع شده باشد.