Display featured image in WordPress post as full, large, medium, thumbnail size
Every available WordPress theme doesn’t give you the option to control if you want to show featured image in a post or in what size you want to display them.
The image is crucial for your blog post as it’s probably first thing audience notice.
For ex, I am using Hueman theme and that doesn’t display featured image in single post. Here is what I did and thought to share so you can be benefited.
- Go to your theme directory
- For ex: wp-content/themes/hueman
- Take a backup of single.php
- Edit single.php and search for <?php the_content(); ?>
- Add following above the <?php the_content(); ?>
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail( 'full' );
}
?>
- Save the file and refresh your wordpress to see them in action.
Above code will show featured image in the single post as original image size. This is how single.php will look like.
If you want to control the size, you can change the_post_thumbnail parameter.
To display default thumbnail size (default 150px x 150px max)
the_post_thumbnail();
To display in medium size (default 300px x 300px max)
the_post_thumbnail( 'medium' );
To display in large size (default 640px x 640px max)
the_post_thumbnail( 'large' );
To display in original uploadedsize
the_post_thumbnail( 'full' );
This has helped me and I hope you too. Don’t forget to compress your images with these awesome free online image compressor tool. Let me know how it goes with your theme.
Indika Prasanna says
October 8, 2018 at 11:41 amThanks Chandan and GeekFlare!
I’m using ‘Kontast’ theme which does not have featured image in it’s single.php
This is the first time I visited your site. I’m really fortunate because you helped me on the first meet.
Thanks again Bro!
Chandan Kumar says
October 10, 2018 at 5:33 pmGreat to know, Indika.
Susheel says
August 10, 2018 at 4:00 amThanks. This article really helped me fix a page. Very useful.
Chandan Kumar says
August 10, 2018 at 12:22 pmGlad to hear Susheel. Thanks for stopping by.
smnvc says
December 19, 2017 at 5:49 pmhttp://oi64.tinypic.com/rqxmop.jpg
smnvc says
December 19, 2017 at 5:44 pmmy single.php like this:
when i paste your code, there is nothing happened. i want to see featured image at homepage :/ actually i can see featured images when i use “twenty sixteen” theme, bu i want to use hueman…
Farrel Franqois says
November 14, 2017 at 8:57 pmThanks for tutorial, glad to working in my blog, but, how to used it on Hueman Child Themes? 🙂
Chandan Kumar says
November 15, 2017 at 7:17 amGlad it was helpful to you, Farrel. You may include the PHP code in child functions.php to see if that works.
Farrel Franqois says
November 15, 2017 at 10:51 amSo, you mean i just to do copy paste that code to functions.php? I do that, but not working?
Farrel Franqois says
November 15, 2017 at 11:19 amOhh, I just copy paste the “single.php” file and “tmpl” folder to Hueman Child, as Kent says on Comment. Thank You, it works great 🙂
Chandan Kumar says
November 16, 2017 at 7:22 amGlad to hear it worked, Farrel. Have fun!
romina aliotta says
January 14, 2017 at 6:31 amthanks so muc, it works great !!!! 🙂
Chandan Kumar says
January 14, 2017 at 7:30 amGlad to know,Romina.
Yordan says
October 18, 2016 at 9:16 pmWhat about many posts in one page.
for ex. catalogue for movies and there are many movies(posts) in one page still not filtered.
Kent says
October 1, 2016 at 3:32 amRather than put the mods in the theme’s simple.php file, which will get overwritten the next time the theme is updated, create a child-theme (the plugin “Childify Me” makes it easy), and copy the simple.php file from the themes/hueman directory to the themes/hueman-child directory, and make the mods there.
(I had earlier reported that this doesn’t work, but I must’ve had a typo or something, because I just tried it again and it works as expected, at least for the “medium” size.)
Kent says
October 1, 2016 at 3:24 amAh, I just found the ridiculously-easy way to include the feature image in the single post page; when editing the post, simply change its type from Standard to Image; the only difference is that the Image type includes the feature image in the single post.
Chandan Kumar says
October 1, 2016 at 3:51 pmThanks for sharing, Kent.
Eddy says
February 10, 2016 at 6:29 pmGreat post, simple back to basics.. Ive been busy with a custom theme design and stumbled across this post. Sometimes the simple solutions work best. 🙂
Chandan Kumar says
February 12, 2016 at 1:00 pmThanks Eddy
Hruodger says
July 9, 2015 at 3:31 amWonderful ! Simple and without another plugin. Love it.
Chandan Kumar says
July 9, 2015 at 7:16 amThanks Hruodger, i am glad it helped you.