Wordpress displays the second three messages
I need to display:
the first three posts in the first div from wordpress,
second three posts in second div from wordpress and
three third posts in the third div from wordpress.
How can i do this?
div 1
--1st post
--2nd tpost
--3rd post
div 2
--4th post
--5th post
--6th post
div 3
--7th post
--8th post
--9th post
+3
source to share
2 answers
You can do this in several ways. Put the data in an array, and then chunk()
flip those chunks.
Or you can just loop over the data:
<div class="...">
<?php
// Set counter
$i = 1;
// Loop over your posts
while (have_posts()) {
// If you have ouputted three already then close and reopen div
if ($i == 3) {
$i = 1;
echo '</div><div class="...">';
}
// Output the post and increment the counter
the_content();
$i++;
}
?>
</div>
+2
source to share
Hope the code works for you.
<?php
$i=0;
if (have_posts() ) : while ( have_posts() ) : the_post();
if($i==0)
{
?>
<div><!--open div-->
<?php
}
?>
<h1><?php the_title(); ?></h1>
<p><?php the_content(); ?></p>
<
$i++;
if($i==3)
{
$i=0;
?>
</div><!--closing div -->
<?php
}
endwhile; endif;
?>
+1
source to share