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

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

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

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

عدد۴ در این کد عدد مربوط به ID اون دسته خاص میشه و عدد۶هم برای نمایش ۶ تا از آخرین مطالب هستش که خودتون تنظیم کنید.

حالا می خواهیم با 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://www.20script.ir/wp-content/uploads//news1.png") repeat-x;
    }

    <div class="news_box news1">
    <div class="news_head"><h4>آخرین اخبار</h4><a class="news_more" href="http://www.20script.ir/category/scripts">مشاهده آرشیو</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>