Adding Counters

Adding increasing increments to loops can help with styling elements, and revealing additional content. Here are few examples to implement counters with php.

Using the loop:

if (have_posts()) { 

     while(have_posts()) { 



     $count = 1;

          the_post() {



               echo $count;



          }

     $i++;

     }

}

Different version of counting with the_loop:

if (have_posts()) { $count = 0;

     while(have_posts()) { 

     

          the_post() {



               echo ++$count;



          }

     }

}

Using foreach:

$i = 0;

foreach ($items as $post) {

    $i++;

}

Update: March 29, 2016

Count every third iteration in order to add styles, div wrappers, or further customizations to the layout with a pattern counter:

<?php if ($i % 3 == 0) { ?>

							

	<hr/>

		

<?php } ?>

Altogether:

$i = 0; // change this number to one or it will skip the first item in the loop

						

foreach ($counter_post as $post) : setup_postdata($post); $i++;

		

<li>

	<h2><?php the_title(); ?></h2>

</li>



<?php if ($i % 3 == 0) { ?>

				

	<hr/>

							

<?php } ?>



<?php endforeach; wp_reset_postdata(); ?>

 

 

Leave a Reply

Posted in php
katherine as a flat graphic icon

About Me

I’m an African / Ojibwe First Nations Web Developer living in Winnipeg, Manitoba.

Visit the Tips and Blog to see what I’m working on.