如何在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)和'omega'类添加'alpha'类到每个(4n)项？

谢谢(很多!),杰米

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 ?>