CODEWITHSUNDEEP
phpwordpressloopsposts
Jelly-Bandit
Jelly-Bandit

Reputation: 7

Wordpress Posts Page - loop is not showing latest post

I am relatively new to php.

I have a loop in place for my Wordpress posts page - The posts have to alternate between left and right alignments.

I have this working by assigning an even or odd class to each post, however now the latest post does not display on the posts page.

For example, if I have say 5 posts; 4 of the posts will display and the latest post will remain hidden until I make a new post - the previously hidden post will then join the others and the new "latest post" will remain hidden.

I can't figure out why my loop is skipping over the first post, I have already tried adding rewind_posts(); however this created an infinite loop of the same post.

Any help is much appreciated!

<?php 
$postcount=1;
while(have_posts()) :        
    if( ($postcount % 2) == 0 ) $post_class = ' even';
    else $post_class = ' odd'; 

    ?>

 <div class="row">
 <div id="stories-box-alt" class="stories-column-circle-main" 
 style="background-color:transparent;">
 <div id="circle-shape" class="post <?php echo $post_class; ?>">            
 <?php the_post(); ?>


 <img src="<?php the_field('post_preview_image'); ?>" class="curve">    

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

 <h3><span class="featured-title"><?php the_field('post_category'); ?> . 
 </span></h3>

 <p><?php the_field('post_preview'); ?><br><a href="<?php the_permalink(); 
 ?>">read more...</a></p>

 </div>
 </div>           
 </div>
 <?php $postcount++;
        endwhile; ?>

Upvotes: 0

Views: 450

Answers (3)

Rajkumar
Rajkumar

Reputation: 1077

<?php 
$postcount=1;
while(have_posts()) :        

    ?>

 <div class="row">
 <div id="stories-box-alt" class="stories-column-circle-main" 
 style="background-color:transparent;">
 <div id="circle-shape" class="post <?php if(($postcount % 2) == 0){  ?> even <?php } else{ echo " odd"; }?>">            
 <?php the_post(); ?>


 <img src="<?php the_field('post_preview_image'); ?>" class="curve">    

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

 <h3><span class="featured-title"><?php the_field('post_category'); ?> . 
 </span></h3>

 <p><?php the_field('post_preview'); ?><br><a href="<?php the_permalink(); 
 ?>">read more...</a></p>

 </div>
 </div>           
 </div>
 <?php $postcount++;
        endwhile; ?>

OR

<?php echo $postcount % 2 == 0 ? ' even ': ' odd '; ?>

Upvotes: 0

LucasLaurens
LucasLaurens

Reputation: 266

Basically there is a basic loop in wordpress to make what you want to do : https://wpchannel.com/wordpress/tutoriels-wordpress/afficher-articles-recents-site-wordpress/

You can modify this one with your own properties but this is usually loop used.

Upvotes: 0

Talha
Talha

Reputation: 87

Please try to use the_post() first.

<?php 
    $postcount=1;
    while(have_posts()) :  
    the_post();      
        if( ($postcount % 2) == 0 ) $post_class = ' even';
        else $post_class = ' odd'; 

        ?>

     <div class="row">
     <div id="stories-box-alt" class="stories-column-circle-main" 
     style="background-color:transparent;">
     <div id="circle-shape" class="post <?php echo $post_class; ?>">            


     <img src="<?php the_field('post_preview_image'); ?>" class="curve">    

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

     <h3><span class="featured-title"><?php the_field('post_category'); ?> . 
     </span></h3>

     <p><?php the_field('post_preview'); ?><br><a href="<?php the_permalink(); 
     ?>">read more...</a></p>

     </div>
     </div>           
     </div>
     <?php $postcount++;
            endwhile; ?>

Upvotes: 0

Related Questions