Php 设计特定帖子的Wordpress首页外观

我在Wordpress中帮助一位朋友创建了一个公文包网站，具体介绍了frontpage的外观。这是他的标志的一部分，而帖子的缩略图应该遵循这些尺寸。frontpage上的帖子只是缩略图，没有文本或任何内容。 在我看来，这意味着页面上第2和第3篇文章的缩略图有一个特定的样式，而第1、4、5和6篇文章有另一个样式

不幸的是，我不是PHP的策划者，所以我能够将文章分开，但只能从第一篇文章开始，不能根据需要从第二篇到第三篇文章

如果可能，如何做到这一点

创建特定于子级的CSS

第n种类型（2n+1）{你的css dode}

第n种类型（2n+2）{你的css dode}

第n种类型（2n+3）{你的css dode}

---

例如，在wordpress循环中，您可以向帖子中添加类

<?php 
    $i = 1;
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post();  ?>
                    <div class="post<?php echo $i;?>">
                    <?php the_post_thumbnail();  
                    $i++;
    } 
}
?>

---

没有测试此功能，但它应该可以工作。

非常感谢kjid。样式只适用于第一个帖子，然后其他帖子的样式将与2和3相同。如果有意义的话，将第一个post样式与4、5和6分开是可行的？您是否也尝试过用户2054372答案？可能是一个更干净的解决方案。

 .post1 .wp-post-image, .post4 .wp-post-image, .post5 .wp-post-image, .post6 .wp-post-image {
   width: 100px;
   height: 100px;
 }

 .post2 .wp-post-image, .post3 .wp-post-image {
   width: 200px;
   height: 200px;
 }