How to setup a query to output posts by groups of five?

Question

I'd like to have a query that returns posts grouped five by five.

Right now I have a simple query loop like this one :

<?php if( $query->have_posts() ) : ?>
    <ul class="posts">
        <?php while ( $query->have_posts() ) : $query->the_post(); ?>
            <li>
                <?php the_title(); ?>
            </li> 
        <?php endwhile; ?>
    </ul>
<?php endif; ?>

It outputs :

<ul class="posts">
    <li>post 1</li>
    <li>post 2</li>
    <li>post 3</li>
    <li>post 4</li>
    <li>post 5</li>
    <li>post 6</li>
    <li>post 7</li>
    <li>post 8</li>
    <li>post 9</li>
    <li>post 10</li>
</ul>

Instead, what I'd like to have is :

<ul class="posts">
    <li>post 1</li>
    <li>post 2</li>
    <li>post 3</li>
    <li>post 4</li>
    <li>post 5</li>
</ul>

<ul class="posts">
    <li>post 6</li>
    <li>post 7</li>
    <li>post 8</li>
    <li>post 9</li>
    <li>post 10</li>
</ul>

How can this be done ?

Answer 1

you can create a simple counter and condition:

 <?php $count = 0; ?>
    <?php if( $query->have_posts() ) : ?>
        <ul class="posts">
            <?php while ( $query->have_posts() ) : $query->the_post();
            if ($count < 5){ 
                ?>
                <li>
                    <?php the_title(); ?>
                </li> 
                <?php
            }else{
                echo '</ul><ul class="posts">';         
            ?>
                <li>
                    <?php the_title(); ?>
                </li> 
                <?php
                $count = 0;
            }
            $count = $count + 1;
            <?php endwhile; ?>
        </ul>
    <?php endif; ?>

Answer 2

Did you try this?

<?php if( $query->have_posts() ) : ?>
    <ul class="posts">
        <?php $count = 0; ?>
        <?php while ( $query->have_posts() ) : $query->the_post(); ?>
            <li>
                <?php the_title(); ?>
            </li> 
        <?php 
           $count++; 
           if ( ( $count % 5 ) == 0 && $query->have_posts() ) {
        ?>
    </ul>
    <ul class="posts">
        <?php
           }
        endwhile; ?>
    </ul>
<?php endif; ?>