How To Add Featured Image or Add Thumbnail In WordPress Theme?

September 20th, 2016 | by Ravi Chahar || 5 Comments |

While writing a blog post, you may in need to add thumbnail in WordPress. Most of the people know it with the name “featured image”.

It is one of the most important parts of a WordPress post. Most of the WordPress themes support the feature to add the featured image.

But what would you do when your theme won’t have the featured image theme support option? In such situation, you have to add thumbnail in WordPress theme manually.

If you are developing a WordPress theme then you must know the proper way to add the thumbnail theme support.

Let Me Tell You How Can You Add Thumbnail In WordPress?

First of all, you should know the proper way to add the theme support option for the thumbnails. If you know the WordPress theme file structure then it won’t be any problem.

All the functions of the WordPress theme are declared in one of the most important files of the theme. the function.php file is responsible for loading all the functions.

1:- To show an option to add featured image in the WordPress post editor, you have to add one line of code in the functions.php file to allow the theme support.

It will show an option in the WordPress post editor to add the featured image. But it won’t display until you add another code in the file wherever you want to show the thumbnail.

2:- If you want to show the featured image with the posts on the blog’s page or any other page then you have to add the PHP code. You have to add the thumbnail code in the PHP loop.

This will pick up the thumbnail.

If you want to add any image size to use with the the_post_thumbnail() function then it can be done.

Just add the code shown below.

Here the “banner-image” can be used to pick the size of the image mentioned here. The image with the width=900px and the height=400px is chosen.

You can change the size of the image according to the layout of your website. If you want to add thumbnail in WordPress post then you can use the small size of the image.

3:- To pick the image with the added dimensions, you have to use the code to display it.

Similarly, you can use the featured image for your posts, pages, or any other page. When you create the home page of your website then you would need to use the different size of featured images.

4:- Let me give show you the default loop which is used to check whether the post thumbnail is present.

5:- If you want to set the size of the featured images for your posts then you can do that with another WordPress function.

There are many experiments which can be done with the featured images. You can add featured image size using a specific image and with the use of the WordPress function to pick up that image size as shown above.

Can You Now Add Thumbnail In WordPress Theme?

The design of the WordPress website influence your readers and you can add a plus point by showing the featured images with the posts.

When you add excerpt in WordPress theme then along with that, you should maintain the appearance using the thumbnails. There are many options for adding the different size of featured images.

You can use any. Though I have explained the proper way to add thumbnail in WordPress but still, if you face any problem then feel free to ask.