While loop, wrap items in a count in a separate div (index.php)

Question

I have the following so far:

<?php $count = 0; while (have_posts()) : the_post(); $count++; ?>

                <?php if ($count < 5) : ?>
                    //four posts here, all them wrapped in one div, these will also have different markup
                    <?php the_title();?>



                <?php else : ?>
                   //remaining six posts here, all of them wrapped in one div, these will also have different markup
                    <?php the_title();?> blah
                    <?php the_excerpt();?>

                <?php endif; ?>


            <?php endwhile; ?>

I want to wrap the first 4 in a '<div class="top"></div>' and the bottom 6, I want all of them wrapped in a '<div class="bottom"></div>'

Any tips of how this can be done using the while loop would be greatly appreciated

Venkat.R · Accepted Answer · 2016-01-08 01:37:00Z

1

Try the below snippet.

<?php 
$count = 0;

while (have_posts()) : the_post(); $count++; 

    if ( $count == 1 ) echo '<div class="top">';
    if ( $count > 5 ) echo '</div><div class="bottom">';

    the_title();
    if ( $count > 5 ) the_excerpt();

endwhile;

echo "</div>"
?>

edited Jan 8, 2016 at 1:37

answered Jan 8, 2016 at 1:32

Venkat.R

7,8045 gold badges45 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mikey Over a year ago

I think you need to change the_excerpt(); line to if ($count > 5) the_excerpt(); as the OP only wants the excerpt to appear in the second DIV

RMH Over a year ago

@Venkatraman, what I want to add html in those different loops, this doesn't allow for that huh?

Venkat.R Over a year ago

if you want few more html in each condition you can follow <?php if ($count > 5) : ?> your html <?php endif; ?>

jameshwart lopez · Accepted Answer · 2016-01-08 01:37:00Z

0

This might help you.

        <?php $count = 0; while (have_posts()) : the_post(); $count++; ?>

            <?php if ($count < 5) : ?>
                //four posts here, all them wrapped in one div, these will also have different markup
               <div class="top">
                <?php the_title();?>
               </div>



            <?php else : ?>
               //remaining six posts here, all of them wrapped in one div, these will also have different markup
                <div class="bottom">
                <?php the_title();?> blah
                <?php the_excerpt();?>
                </div>
            <?php endif; ?>


        <?php endwhile; ?>

answered Jan 8, 2016 at 1:37

jameshwart lopez

3,1347 gold badges40 silver badges68 bronze badges

Collectives™ on Stack Overflow

While loop, wrap items in a count in a separate div (index.php)

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related