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

کدهای نمایش آخرین مطالب یک دسته خاص

در اینجا کدهای اصلی که تمام کار ما با این کدهستش رو قرار میدم.

<?php $cat=2; ?>
<?php query_posts("cat=$cat&showposts=4"); ?>
<?php while (have_posts()) : the_post(); ?>
در این جا باید کدهای دلخواه قرار بگیره

<?php endwhile;?>
<?php wp_reset_query(); ?>

نکته مهم : عدد ۲ در این کد عدد مربوط به ID اون دسته خاص میشه و عدد ۴ هم برای نمایش ۴ تا از آخرین مطالب هستش که خودتون تنظیم کنید.در انتها مطلب خواهیم گفت تا ID دسته ها رو چجوری بدست بیارید.

داخل کد بالای اونجا که نوشته ” مکان کدهای دلخواه ” باید کدهای نمایش عنوان ، تاریخ ، عکس بندانگشتی یا هر چی که دوست دارید قرار بدید.اگر بلد نیستید پس در ادامه مطلب با ما باشید تا با مثال بهتون بگیم!

قالب برای نمایش عنواوین آخرین مطالب دسته خاص

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

ابتدا کدهای شیوه نامه رو به انتهای فایل style.css قالبتون اضافه کنید.

.news_box{
 overflow:hidden;
 width:471px;
 height:220px;
 border:2px solid #A0A0A0;
 border-radius:5px;
 margin-left:4px;
 margin-bottom:15px;
 margin-top:15px;
 background:#ffffff;
}
.news_head{
 width:100%;
 display:block;
 height:39px;
 overflow:hidden;
}
.news_head h4{
 font-size:17px;
 color:#ffffff;
 float:right;
 margin-right:11px;
 margin-top:3px;
 font-weight:normal;
}
.news_head .news_more{
 width:100px;
 height:24px;
 background:rgba(0, 0, 0, 0.15);
 color:#ffffff;
 float:left;
 margin-left:13px;
 margin-top:7px;
 text-align:center;
 line-height: 22px;
 border-radius:4px;
}
.news_head .news_more:hover{
 background:#ffffff;
 color:rgba(0, 0, 0, 0.65);
}

.news1 .news_head{
 background:url("http://berta.ir/wp-content/themes/berta/images/news1.png") repeat-x;
}

حالا می رسیم به کدهای html قالب و همون کدهای php دلخواه که برای مثال دوتاشو آوردیم.نگاه کنید.


<div class="news_box news1">
<div class="news_head"><h4>آخرین اخبار</h4><a class="news_more" href="http://berta.ir/category/news">مشاهده آرشیو</a></div>
<div class="news_list" tabindex="5000" style="overflow: hidden; outline: none;">
<?php $cat=2; ?>
<?php query_posts("cat=$cat&showposts=5"); ?>
<?php while (have_posts()) : the_post(); ?>
<ul>
<li>
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
</li>
</ul>
<?php endwhile;?>
<?php wp_reset_query(); ?>
</div>
</div>

اگر توجه کنید می بینید که ما اینجا دوتا کد علاوه بر کدهای php که اول گفتیم ، یعنی همون کدهای دلخواهمون استفاده کردیم.اولی


<?php the_permalink() ?>

برای گرفتن لینک آدرس نوشته و دومی


<?php the_title(); ?>

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

بدست آوردن آیدی (ID ) دسته های وردپرس

افزونه  Wp Show IDs رو نصب کنید.خیلی افزونه ساده و سبکی و بدون نیاز به هیچ تنظیماتی هستش ، بعد نصب و فعال کردن افزونه یک ستون به نام ID برای دسته ها و مطالب و … در پنل وردپرس شما اضافه می شود.آیدی مورد نظر دسته خودتون رو داخل کد اولی قرار دهید.

دمو و دانلود فایل ضمیمه کد نمایش دسته خاص وردپرس

پیش نمایش قالب

لینک دانلود

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 4 رای
Loading...