How to display the feature image of each post in WordPress? - php

Question

I have used the following code to try and display the featured image for each post, but nothing is showing:
<div class="thumbnail-img">
<?php
$lastBlog = new WP_Query('type=post&posts_per_page=2&offset=1');
if ($lastBlog->has_post_thumbnail()) {
while($lastBlog->has_post_thumbnail()) {
$lastBlog->the_post_thumbnail();
} ?>
<?php get_template_part('content-image', get_the_post_thumbnail());
}
?>
</div>
<br>
<?php
if( $lastBlog->have_posts()):
while($lastBlog->have_posts()): $lastBlog->the_post(); ?>
<?php get_template_part('content-title', get_post_format()); ?>
<?php endwhile;
endif;
wp_reset_postdata();
?>
</div>
I want the featured image on top of each post title. How do I resolve this?

Answer 1

<?php
$lastBlog = new WP_Query('type=post&posts_per_page=2&offset=1');
if( $lastBlog->have_posts()):
while($lastBlog->have_posts()): $lastBlog->the_post(); ?>
<div class="title"><?php echo get_the_title(); ?></div>
<br />
<div class="thumbnail-img"><?php echo the_post_thumbnail();?></div>
<br />
<?php
endwhile;
endif;
wp_reset_postdata();
?>
try this one should works fine

Answer 2

I cant really be specific about your template structure (template-part content-title??) but using a generic example the following will display the featured image where available;
functions.php
if ( ! function_exists( 'mytheme_setup' ) ) :
function mytheme_setup() {
/*
* Enable support for Post Thumbnails on posts and pages.
*
* See: https://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails
*/
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 825, 510, true );
}
endif;
add_action( 'after_setup_theme', 'mytheme_setup' );
your content template page (content.php, template-page, etc..)
// WP_Query arguments
$args = array (
'nopaging' => false,
'posts_per_page' => '2',
'offset' => '1',
);
// The Query
$the_query = new WP_Query( $args );
// The Loop
if ( $the_query->have_posts() ) {
while ( $the_query->have_posts() ) {
$the_query->the_post(); ?>
<article>
<?php if ( has_post_thumbnail() ) : ?>
<div class="post-thumbnail">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<?php the_post_thumbnail(); ?>
</a>
</div>
<?php endif; ?>
<div class="post-title">
<?php echo '<h2>' . get_the_title() . '</h2>'; ?>
</div>
</article>
<?php
}
/* Restore original Post Data */
wp_reset_postdata();
} else {
// no posts found
echo "NADA";
}

Answer 3

if you want image url then use this
$thumb_image=wp_get_attachment_url( get_post_thumbnail_id() );
and you want get direct image then here the different different image
the_post_thumbnail( 'thumbnail' ); // Thumbnail (150 x 150 hard cropped)
the_post_thumbnail( 'medium' ); // Medium resolution (300 x 300 max height 300px)
the_post_thumbnail( 'medium_large' ); // Medium Large (added in WP 4.4) resolution (768 x 0 infinite height)
the_post_thumbnail( 'large' ); // Large resolution (1024 x 1024 max height 1024px)
the_post_thumbnail( 'full' ); // Full resolution (original size uploaded)
//With WooCommerce
the_post_thumbnail( 'shop_thumbnail' ); // Shop thumbnail (180 x 180 hard cropped)
the_post_thumbnail( 'shop_catalog' ); // Shop catalog (300 x 300 hard cropped)
the_post_thumbnail( 'shop_single' ); // Shop single (600 x 600 hard cropped)