How to only display thumbnail for first post of Category

Question

I have this code to show all post of category and thumbnail of them.

<?php $recent = new WP_Query(); ?>
<?php $recent->query('cat=1&showposts=5'); ?>
<?php while($recent->have_posts()) : $recent->the_post(); ?>
<ul>
    <li>
            <a href="<?php the_permalink(); ?>">
            <?php the_title(); ?>
            </a>
       </li>
</ul>
<?php endwhile; ?>

But now I only want show thumbnail for first post of category. clearly,ex Category have 4 post, I show 4 post but only first post have thumbnail,3 posts remain only have title and permalink

Don't see any thumbnail in this code? – Jared Oct 23 '12 at 14:22 — Jared, Oct 23 '12 at 14:22
I'm sorry. I forget insert it. I'm use – Van Tong Oct 23 '12 at 15:56 — Van Tong, Oct 23 '12 at 15:56

score 1 · Answer 1 · answered Oct 23 '12 at 14:22

1

quick fix could be adding a counting variable..

<?php i = 1; ?>
<?php while($recent->have_posts()) : $recent->the_post(); ?>

<ul>
    <li>
<?php if(i==1){ 
  // code to display thumbnail
 } ?>

            <a href="<?php the_permalink(); ?>">
            <?php the_title(); ?>
            </a>
       </li>
</ul>
<?php i++; ?>
<?php endwhile; ?>

answered Oct 23 '12 at 14:22

kingkode

2,220
18
28

have_posts()) : $recent->the_post(); ?>
- // code to display thumbnail } ?>
– Van Tong Oct 23 '12 at 15:45

Matthew Whittemore · Accepted Answer · 2012-10-23T17:55:42.150

1

Add the_post_thumbnail to your output and include a $postNumber to track what number post you're on. Then, with an if statement, you can include the_post_thumbnail call. If you want to include it on the first 2, change the if to $postNumber <= 2

<?php $recent = new WP_Query(); 
<?php $recent->query('cat=1&showposts=5'); ?>
<?php $postNumber = 1; ?>
<?php while($recent->have_posts()) : $recent->the_post(); ?>
<ul>
    <li>
            <a href="<?php the_permalink(); ?>">
            <?php 
                if($postNumber<=1){
                    the_post_thumbnail();
                }
                $postNumber++;
             ?> 
            <?php the_title(); ?>
            </a>
       </li>
</ul>
<?php endwhile; ?>

edited Oct 23 '12 at 17:55

answered Oct 23 '12 at 14:26

Matthew Whittemore

465
2
11

I use to get thumbnail. – Van Tong Oct 23 '12 at 15:53
Yes. Sorry, I forgot to remove those vars. The function does take in two parameters, so if you want to customize the thumbnail a bit you can. – Matthew Whittemore Oct 23 '12 at 17:56

score 0 · Answer 3 · answered Oct 23 '12 at 14:25

<?php $recent = new WP_Query(); ?>
<?php $recent->query( 'cat=1&showposts=5' ); ?>
<?php $is_first_post = true; ?>

<?php while( $recent->have_posts() ) : $recent->the_post(); ?>
    <ul>
        <li>
                <a href="<?php the_permalink(); ?>">
                <?php the_title(); ?>
                </a>

                <?php 
                if ( $is_first_post  && has_post_thumbnail() ) {
                    the_post_thumbnail(); 
                    $is_first_post = false; 
                }
                ?>


           </li>
    </ul>
<?php endwhile; ?>

How to only display thumbnail for first post of Category

3 Answers3