آخرین نوشته ها با تصویر شاخص در وردپرس - طراحی سایت | ساخت سایت | قالب وردپرس

آخرین نوشته ها با تصویر شاخص در وردپرس

۱۱ بهمن ۱۳۹۲
1510 بازدید
۲ دیدگاه
آخرین نوشته های وردپرس

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

<div>
<?php global $post; $postslist = get_posts('numberposts=5&order=DESC'); foreach ($postslist as $post) : setup_postdata($post); ?>
<li>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail( 'small-thumb' ); ?></a>
<div>
<h4>
<a title="Post: <?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</h4>
</div>
</li>
<?php endforeach; ?>
</div>

خیلی خوب ، حالا با یک رفرش می توانید ۵ مطلب آخر سایت را مشاهده کنید . اگر می خواهید این تعداد را کم و زیاد کنید ، این عبارت را در کد بالا پیدا کنید:”numberposts=5″ و عدد ۵ را به عدد دلخواه خود تغییر دهید.
برای زیبا تر شدن نیز می توانید از کد سی اس اس پیشنهاد زیر استفاده کنید و به دلحواه خودتون تغییرش بدید:

.custom-posts { list-style:none; display: table; clear: both; }
.custom-posts li { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #CCC; }
.custom-posts a { color: #333; text-decoration: none; }
.content { display: table-cell; vertical-align: top; }
.footer-thumb { display: table-cell; vertical-align: top; padding-right: 10px; width: 50px; height 50px; }
امتیاز:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...
اشتراک گذاری:
مطالب مرتبط

نظرات بازدید کنندگان

  1. امیر

    سلام و عرض ادب این کدها رو باید کجای قالب بزاریم

دیدگاه شما