使最新帖子的样式与其他帖子不同

Question

这是我第一次来这里，如果在以前曾问过类似问题，我深表歉意。

我当前的网站每行有2个帖子，但是我希望第一个/最新的帖子的样式略有不同。

基本上，我希望第一条/最新文章在页面上的宽度是100％，然后所有其他文章都在后面，每行2条，但只在主页上。类别页面等，我很高兴每行停留2个。

我当前的代码是：

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<article class="post-item clearfix" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<figure>

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('single-post-feature'); ?></a>

</figure>

<header>

<div class="post-header-title">

<div class="post-category-feature">
        <?php echo get_the_category_list(); ?>
            </div>

<?php if ( is_singular() ) { echo '<h1>'; } else { echo '<h2>'; } ?><span><a class="black" href="<?php the_permalink(); ?>"title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a></span><?php if ( is_singular() ) { echo '</h1>'; } else { echo '</h2>'; } ?>

<div id="excerpt"><?php the_excerpt(); ?></div>

<div id="author_date"><p><span><?php the_time('jS F Y') ?> | by <?php the_author(''); ?></span></p></div>

</div>  

</header>

</article>

<?php endwhile; ?>

<?php endif; ?>

</div>

任何帮助将不胜感激。如果您想浏览该网站以了解我的意思，那就是www.ltstlife.com。再次感谢。