Question

我正在帮助一位朋友在Wordpress中使用投资组合网站，并特别了解首页应该是什么样子。这是他的徽标quick sketch，帖子缩略图应该遵循这些维度。首页上的帖子只是缩略图，没有文字或任何内容。在我看来，这意味着页面上第2和第3个帖子的缩略图具有特定的样式，而帖子1,4,5和6具有另一个。

不幸的是，我不是一个PHP策划者，所以我已经能够分开帖子，但只能从第一篇文章开始，而不是从第2篇到第3篇，如果需要的话。

如果可能的话，如何做到这一点？

Answer 1

创建特定于儿童的CSS

nth-of-type（2n + 1）{your css dode};

nth-of-type（2n + 2）{your css dode};

nth-of-type（2n + 3）{your css dode};

Answer 2

在wordpress循环中，您可以为帖子添加课程，例如

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

并将它们设置为

 .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;
 }

没有测试过，但它应该有用。

造型Wordpress首页 - 特定帖子的外观

2 个答案: