نمایش مطالب تصادفی در وردپرس

نمایش مطالب تصادفی در وردپرس

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

نمایش مطالب تصادفی

همان‌طور که اشاره شد در بسیاری از سایت‌ها پست‌های تصادفی زیر پست‌ها به نمایش درمی‌آید. استفاده از این ویژگی در بعضی از سایت‌ها می‌تواند بسیار مفید باشد و میزان کلیلک در سایت را افرایش دهد.

برای مثال شما یک سایت آموزشی دارید و می‌خواهید آموزش‌های مختلف را در سایت به معرض نمایش بگذارید. استفاده از نمایش پست تصادفی در سایت می‌تواند یک ابزار مفید برای این کار باشد.

استفاده از مطالب تصادفی در وردپرس فواید دیگری هم دارد. با استفاده از این ویژگی قطعاً پست‌های مختلف شما بازدید بیشتری خواهند داشت همچنین پست‌های قدیمی شما هم بیشتر مورد بازدید قرار می‌گیرند.

آموزش نمایش پست‌های تصادفی

به‌طور کلی برای نمایش پست‌های تصادفی در وردپرس 2 راه وجود دارد. اولین راه استفاده از افزونه‌های مربوط به این کار است و روش دوم استفاده از کد در سایت وردپرسی است. در این آموزش قصد داریم مطالب رندوم را با استفاده از توابع وردپرس (استفاده از کد) به نمایش بگذاریم.

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

<aside class="widgets_list webkima_com">
<h4 class="side_titr">تصادفی مطالب/>h4>
<div class="clear">
</div>
<div class="side_boxs">
<ul>
<?php $randoms= new WP_Query(array(
'post_type'=>'post','post_status'=>'publish','order'=>'DESC','orderby'=>'rand',
'posts_per_page'=>'10'));
if($randoms->have_posts()) : while($randoms->have_posts()) : $randoms->the_post();?>
<li>
<a href="<?php the_permalink(); ?>"> 
<?php the_post_thumbnail('small'); ?>
<?php the_title(); ?>
</a>
<div class="clear">
</div>
</li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
<div class="clear">
</div></div>
</aside>

در کد بالا و در قسمت 'posts_per_page'=>'10' عدد 10 همان تعداد پست‌های تصادفی است. شما می‌توانید با تغییر این عدد تعداد پست‌های تصادفی تغییر دهید.

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

اگر به زبان‌های برنامه‌نویسی وب (اینجا منظور Html/Css است) مسلط هستید می‌توانید به کدهای خود استایل دهی کنید تا ظاهر زیبایی برای آنها ایجاد کنید. اما اگر اطلاعات زیادی دراین‌باره ندارید می‌توانید از کدهای زیر برای زیبا کردن نمایش مطالب تصادفی استفاده کنید.

/* Style */
.widgets_list{
width: 100%;
height: auto;
background: #fff;
margin-bottom: 20px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px 0px 6px 1px rgba(224,224,224,1);
-moz-box-shadow: 0px 0px 6px 1px rgba(224,224,224,1);
box-shadow: 0px 0px 6px 1px rgba(224,224,224,1);
}
.side_titr{
width: 90%;
height: auto;
padding: 12px 5%;
background: #3e5062;
color: #fff;
font-size: 15px;
border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
}
.side_boxs{
width: 100%;
height: auto;
}
.side_boxs ul li{
width: 90%;
height: auto;
padding: 12px 5%;
border-bottom: 1px solid #e5e5e5;
line-height: 21px;
}
.side_boxs ul li:last-child{
border-bottom: none;
}
.side_boxs ul li img{
width: 50px;
height: 50px;
float: right;
margin: 6px 0 0 10px;
}
.side_boxs ul li a{
color: #404040;
}
.side_boxs ul li span{
color: #666;
display: block;
font-size: 12px;
margin-right: 30px;
}
.side_boxs ul li span{
margin-right: 55px;
}
/* Style  */

جمع‌بندی

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *