php - 如何向 php 循环中的每个第 n 个元素添加一个类(wordpress)

Question

我有一个 Wordpress 循环，如下所示:

<?php $loop = new WP_Query( array( 'post_type' => 'portfolio' ) ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <div class="four columns">
        <?php the_content(); //along with other stuff in looped div ?>
    </div>
<?php endwhile ?>

如何使用 php 向每第 (4n-3) 个 div (div.four.columns) 添加一个“alpha”类，并向每个第 (4n) 个元素添加一个“omega”类？

非常感谢(非常感谢!)，杰米

Answer 1

为什么不添加一个计数器并使用模数方法来了解每一列中当前正在回显的元素。

假设您有指定的 4 列。
你从 counter = 1 开始
1 % 4 = 1(你在第一个元素中)
2 % 4 = 2(你在第二个元素中)
3 % 4 = 3(你在第三个元素中)
4 % 4 = 0(你在第四个元素中)
5 % 4 = 1(你在第一个元素中)
6 % 4 = 2(你在第二个元素中)

并且您只需对类使用 If 语句，如下所示

<?php $counter = 1 ?>
<?php $loop = new WP_Query( array( 'post_type' => 'portfolio' ) ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <div class="four columns <?php if ($counter % 4 == 1){echo 'alpha'}else if ($counter % 4 == 0){echo 'omega'} ?>">
        <?php the_content(); //along with other stuff in looped div ?>
    </div>
<?php $counter++ ; 
endwhile ?>