no-img

اِمیلا نمایش مطالب تصادفی در وردپرس
اِمیلا
ترفند وب نمایش مطالب تصادفی در وردپرس
فرم گزارش را به دقت تکمیل نمایید
از همکاری شما سپاسگذاریم

ادامه مطلب

بروزسانی شده در 14 خرداد 1398
نمایش مطالب تصادفی در وردپرس
رمز : emila.ir
حمایت از emila.ir
درخواست کاربران

emila.ir QR-codeنمایش مطالب تصادفی در وردپرس

بروزسانی شده در 14 خرداد 1398
76
milipinkman

اگر قصد دارید پستهای وردپرس را بصورت تصادفی در قالب سایتتان نمایش دهید پس تبریک چونکه اکنون در زمان درست در مکان درست قرار دارید با نمایش مطالب تصادفی در وردپرس با emila همراه باشید.

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

6 مورد کد متفاوت به شما ارائه می دهیم بسته به نیازتان انتخاب و استفاده نماید:

1- کد نمایش مطالب تصادفی با کد رندوم

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

<ul>
<?php $recent = new WP_Query("orderby=rand&showposts=20"); while($recent->have_posts()) : $recent->the_post();?>
<li><a alt="<?php the_title(); ?>" title="<?php the_title(); ?>" href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a></li>
<?php endwhile; ?>
</ul>

می توانید با تغییر عدد ۲۰ در کد بالا تعداد پستهای تصادفی را تغییر دهید.

2- کد نمایش مطالب تصادفی با فایل functions.php و شورتکد

در این روش شما باید با کدنویسی آشنایی داشته باشید تا در صورت بروز مشکل بتوانید آن را برطرف کنید. ابتدا باید کدهای زیر را در فایل functions.php کپی کنید.

function wpb_rand_posts() {
$args = array(
'post_type' => 'post',
'orderby' => 'rand',
'posts_per_page' => 5,
);
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
$string .= '<ul>';
while ( $the_query->have_posts() ) {
$the_query->the_post();
$string .= '<li><a href="'. get_permalink() .'">'. get_the_title() .'</a></li>';
}
$string .= '</ul>';
/* Restore original Post Data */
wp_reset_postdata();
} else {
$string .= 'no posts found';
}
return $string;
}
add_shortcode('wpb-random-posts','wpb_rand_posts');
add_filter('widget_text', 'do_shortcode');

این کدها به سادگی یک تابع جدید ایجاد کرده و ۵ پست تصادفی را نمایش داده خواهد شد با استفاده از این کدها شما میتوانید به راحتی پست های تصادفی را در هر قسمت از وب سایت خود که میخواهید نمایش دهید.
حالا شما میتوانید پست های تصادفی را در هر قسمت که میخواهید نمایش دهید فقط کافیست از کد کوتاه [wpb-random-posts] استفاده کنید. برای اطلاع از قرار دادن شورتکد در پوسته وردپرس آموزش استفاده در از شورتکد در قالب وردپرس را مشاهده نمائید.

3- کد نمایش مطالب تصادفی با تابع get_posts

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

<?php $posts = get_posts(array('posts_per_page' => 5,'orderby'=> 'rand')); foreach($posts as $post) { ?>
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="<?php the_permalink(); ?>" target="_blank" class="uacf8933800eae45176f6c1a44b5e902b">
<style>
.uacf8933800eae45176f6c1a44b5e902b{padding:0;margin-top:15px;padding-top:1em!important;padding-bottom:1em!important;width:100%;display:block;font-weight:700;background-color:#edf0f3;border:0!important;Border-radius:5px;border-left: 4px solid #8E44AD!important;border-right: 4px solid #8E44AD!important;text-decoration:none}.uacf8933800eae45176f6c1a44b5e902b:active,.uacf8933800eae45176f6c1a44b5e902b:hover{opacity:1;transition:opacity 250ms;webkit-transition:opacity 250ms;text-decoration:none}.uacf8933800eae45176f6c1a44b5e902b{transition:background-color 250ms;webkit-transition:background-color 250ms;opacity:.95;transition:opacity 250ms;webkit-transition:opacity 250ms}.uacf8933800eae45176f6c1a44b5e902b .ctaText{font-weight:700;color:#8E44AD;text-decoration:none;font-size:16px}.uacf8933800eae45176f6c1a44b5e902b .postTitle{color:#ff0c59;text-decoration:underline!important;font-size:16px}.uacf8933800eae45176f6c1a44b5e902b:hover .postTitle{text-decoration:underline!important}
</style>
<div style="padding-left:1em; padding-right:1em;"><span class="ctaText">بیشتر بخوانید:</span>  <span class="postTitle"><?php the_title(); ?></span></div></a></div>
<?php } ?>

نکته: در صورتی که عدد ۱۰ که در خط دوم کد قرار را در کد عوض کنید می توانید تعداد نمایش مطالب را تغییر دهید. این عدد در واقع تعداد مطالبی را که نمایش داده می شوند را تعیین می کند.

4- کد نمایش مطالب تصادفی از یک نوع پست خاص

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

<ul>
<?php $posts = get_posts(array('posts_per_page' => 10,'post_type'=> 'download','orderby'=> 'rand')); foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php } ?>
</ul>

5- کد نمایش مطالب تصادفی از یک دسته بندی خاص

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

<ul>
<?php get_posts(array('posts_per_page' => 10,'category'=> 1,'orderby'=> 'rand')); foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php } ?>
</ul>

6- کد نمایش مطالب تصادفی در سایدبار

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

<li><h2>Random Post</h2><ul><?php $posts = get_posts('orderby=rand&numberposts=5'); foreach($posts as $post) { ?><li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li><?php } ?></ul></li>

خب فایل را ذخیره سازی و جهت مشاهده نتیجه وارد سایت شید , خواهید دید به شکلی زیبا این امکان اضافه شده همچنین در داخل این کد عددی ۵ وجود دارد که یعنی ۵ پست نمایش داده شود می توانید تغییر دهید.اگر با css هستید می توانید برای این کد و امکان css بنویسید و زیبایی آن را بیشتر کنید.مواردی مانند چیدمان ، رنگبندی ، نحووه نمایش و …

این آموزش بسیار کاربردی هم به پایان رسید

موضوع : وب/ برچسب : , / لینک کوتاه : https://emila.ir/?p=13216
designer
نظرات ارسال شده توسط شما، پس از تایید، توسط مدیران سایت منتشر خواهد شد.
نظراتی که به غیر از زبان فارسی، غیر مرتبط با مطلب یا فینگلیش باشد، منتشر نخواهد شد.

دیدگاهتان را بنویسید

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

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

درباره نویسنده

Here is a some short information about me: I'm a natural born, writer, designer, forecaster, Interested in PHP programming and activities in the field of digital currency, basically I'm a pretty simple person. I work for Emila.ir for more than 1 years. I am passionate about creating posts and content for emila.ir which I think is Among the best viral persian Websites. I am available at Nearby

ارسال پیامک به ما  -  ارسال ایمیل به ما
IP شما: 54.174.43.27