Frage Klasse in einer Schleife hinzufügen

[LP-Tobi]

Hey,
ich habe eine Schleife in der ich bei jedem zweiten <li> eine Klasse hinzufügen muss. (Wordpress Theme Erstellung)
Code:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<li>
          <div class="timeline-image">
            <img class="img-circle img-responsive" src="<?php echo get_template_directory_uri(); ?>/img/blog.jpg" alt="">
          </div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <a href="<?php the_permalink() ?>" style="color: #1e71b8" rel="bookmark" class="title"></h3>
                  <h3><?php the_title(); ?></h3></a>
              <h4 class="subheading"><?php the_date(); ?> | <?php the_time(); ?></h4>
            </div>
            <div class="timeline-body">
              <p class="text-muted">
                <?php the_excerpt(); ?>
              </p>
            </div>
          </div>
          <div class="line"></div>
</li>

<?php endwhile; endif; ?>

Kann mir jemand schildern wie ich das mache?
Danke und Gruß Tobi

 

[threadi]

Setz einen Zähler in die Schleife jeweils höher, wenn der Zähler durch 2 teilbar ist ergänzt Du die Klasse.

Allerdings könntest Du das genauso gut über CSS machen. Schau dir mal nth-child(2n) an.

 

[LP-Tobi]

Danke, so geht es!

<?php $i = 0; ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<li class="<?php $i++; if ($i % 2 !=1){echo "timeline-inverted";}?>">