几天以来，我一直在研究Wordpress的主题。我想在我的主题首页上实现现代风格的布局。

但我不知道如何实现它。

现在我的wordpress主题以这种方式循环帖子

<div class="col-xs-8">
<article class="post1"></article>
<article class="post2"></article>
<article class="post3"></article>
<article class="post4"></article>
<article class="post5"></article>
</div>

我想在上述代码中实现的是

<div class="col-xs-8">

   <!-- First post Wrapper-->
   <div class="first-post">
      <article class="post1"></article>
   </div>

<!-- Rest all post Wrapper-->
   <div class="all-posts">
      <article class="post2"></article>
      <article class="post3"></article>
      <article class="post4"></article>
      <article class="post5"></article>
   </div>

</div>

有人能为frontpage提供一个可能的自定义循环解决方案吗。

<div class="col-xs-8">
    <?php $count  = 1; ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
       <?php if $count = 1; ?>
            <!-- First post Wrapper-->
            <div class="first-post">
              <article class="post1"></article>
            </div>

            <!-- Rest all post Wrapper-->
            <div class="all-posts">
        <?php else : ?>
                <article class="post<?php echo $count; ?>"></article>
        <?php endif; ?>
    <?php $count++; endwhile; endif; ?>
    </div>
</div>