Loop through WordPress posts, and wrap each X post in a DIV

1 comment

1. Most people do this with a modulo operator, but it gets awkward to do it if no posts are found, or and even division occurs on the last post. I’ve expanded on the answer provided here by @The Shift Exchange to do it in a cleaner way.

   <?php
       // Get posts (tweak args as needed)
       $args = array(
           'post_type'        => 'page',
           'orderby'          => 'menu_order',
           'posts_per_page'   => -1,
           'post_parent'      => $post->ID,
           'order'            => 'ASC'
       );
       $posts = get_posts( $args );
   ?>
   
   <?php foreach (array_chunk($posts, 2, true) as $posts) :  ?>
   
       <div class="row">
   
           <?php foreach( $posts as $post ) : setup_postdata($post); ?>
   
               <a id="post-<?php the_ID(); ?>" <?php post_class(); ?> href="<?php the_permalink(); ?>">
                   <?php the_post_thumbnail(); ?>
               </a>
   
           <?php endforeach; ?>
   
       </div>
   
   <?php endforeach; ?>
   

   You would change the “2” in the first foreach loop to be the amount you want grouped per row.

   Log in to Reply