更改CPT存档模板中最新帖子的布局和样式

时间:2017-11-15 15:07:43

标签: php wordpress custom-post-type

我有一个名为'Blog'的自定义帖子类型,其存档模板为archive-su_blog.php。在模板中,我只是调用标准循环来拉入所有帖子,然后使用一些html来构建页面。

我想知道是否可以更改最新帖子的html和样式?而不是拥有相同的HTML。我知道如何使用自定义查询执行此操作,但我很好奇是否有办法使用标准循环?

我想用标准if ( have_posts() ) : while ( have_posts() ) : the_post();循环做什么的例子。

<div class="featured-post">
<div class="col-sm-6 featured-img"><img src=""></div>
<div class="col-sm-6 featured-info"> </div>
</div>

<div class="default-post">
<div class="post-info"></div>
</div>

谢谢

1 个答案:

答案 0 :(得分:1)

// Query Arguments
$args = array(
    'post_type' => array('blog'),
    'order' => 'DESC',
    'orderby' => 'date',
);

// The Query
$query = new WP_Query( $args );

// The Loop
if ( $query->have_posts() ) {
    $i = 0;
    while ( $query->have_posts() ) {
        if($i ==0){
            // My Custom style
            $query->the_post();
            ?>
            <div class="featured-post">
            <div class="col-sm-6 featured-img"><img src=""></div>
            <div class="col-sm-6 featured-info"> </div>
            </div>
            <?php
            // End of my Custom style
            $i++;
        }else{
            $query->the_post();
            ?>
            <div class="default-post">
            <div class="post-info"></div>
            </div>
            <?php
        }           
    }
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();