How to Add Featured Images or Post Thumbnails in WordPress

Featured pictures often referred to as put up thumbnails are a well-liked function in WordPress topics. Today maximum WordPress pictures topics, eating place topics, church topics, and different varieties of topics have built-in reinforce for put up thumbnails. In this newsletter we can display you ways to upload featured pictures or put up thumbnails in WordPress.

You could be considering why are we the use of featured symbol and put up thumbnail interchangeably. Well, when this option was once first presented in WordPress 2.9, it was once known as put up thumbnails. However, in the following model it was once renamed to featured symbol.

Beginners Guide to Featured Images in WordPress

Featured Images or Post Thumbnails is a theme function. Most topics akin to Genesis and others reinforce featured pictures by means of default.

An simple manner to determine whether or not your theme helps featured pictures is by means of going to the put up editor. Simply create a brand new put up and scroll down somewhat to see if there’s a meta field known as featured pictures at the proper hand facet of the display screen.

Video Tutorial

If you don’t just like the video or want extra directions, then proceed studying.

Adding Post Thumbnail or Featured Image in WordPress

To upload a featured symbol in a WordPress put up, merely click on on “Set Featured Image” hyperlink within the featured symbol meta field proven in the screenshot above.

This will open the WordPress Media Uploader. You can use that to add a picture out of your pc or use an present symbol out of your media library. Once you choose the picture, merely click on on Set Featured Image button.

Setting a featured image in WordPress

The symbol will seem in the Featured Image meta field, like this:

A featured image added in a WordPress post

It is necessary to be aware that the picture would possibly seem somewhat bit in a different way in your theme. It all is determined by how your theme handles featured pictures.

Some mag topics use smaller thumbnails in conjunction with put up summaries at the major web page, and a bigger model at the unmarried put up view.

Depending on settings outlined by means of your theme developer, your featured symbol will mechanically seem along with your posts. However, if you need to exchange the best way your theme handles featured pictures and put up thumbnails then proceed studying.

Note: Everything under this may occasionally require coding wisdom.

Theme Developers Guide to Featured Image and Post Thumbnails in WordPress

Even even though featured symbol is a well-liked function supported by means of a lot of topics, it’s nonetheless imaginable that you just could be the use of a theme that doesn’t reinforce featured pictures. In that case, you’ll upload featured symbol reinforce to your theme. If you’re comfy modifying theme recordsdata and know your manner round somewhat CSS, then you’ll do it your self.

To upload featured symbol reinforce in a WordPress theme, you wish to have to upload this line of code in your theme’s purposes.php report:


add_theme_support( 'post-thumbnails' );

This code will permit featured symbol reinforce for posts and pages. You can now pass to posts or pages, and you’ll see featured symbol possibility enabled. However, whilst you set a featured symbol it’ll now not mechanically show in your WordPress theme. To show featured pictures in your theme, you wish to have to edit your templates and upload this line of code the place you need to show the featured symbol:


<?php the_post_thumbnail(); ?>

The recordsdata you upload the above code in will range in accordance with your theme. You will need to upload the code inside of your put up loop.

The above code is the fundamental serve as that you wish to have to upload featured symbol reinforce and show featured pictures in your theme. To set symbol dimension for featured pictures you add, you wish to have to upload this line of code to your purposes.php report.


set_post_thumbnail_size( 50, 50);

The parameters for set_post_thumbnail_size are in this order: width, peak.

You too can set further symbol sizes to use with the_post_thumbnail() serve as. For instance:


// Image dimension for unmarried posts
add_image_size( 'single-post-thumbnail', 590, 180 );

In this case we now have added a brand new symbol dimension known as single-post-thumbnail with 590px with and 180px peak. To use this symbol dimension in our theme, we can nonetheless want to upload it in the right theme report. Checkout our information on including further symbol sizes in WordPress for extra main points.

If you could have up to now uploaded featured pictures, however they’re nonetheless showing in any other dimension, then you wish to have to regenerate thumbnails and symbol sizes for older posts.

Below is an instance of the featured symbol serve as with a particular symbol dimension.


<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>

This is damaged down model of the whole capability. You can additional lengthen the capability of featured pictures. For instance, you’ll set a default fallback symbol for put up thumbnails, show featured pictures with captions, or even upload more than one put up thumbnails or featured pictures.

We hope that this newsletter helped you learn the way to upload featured pictures or put up thumbnails in WordPress. You may additionally need to take a look at our checklist of 14 highest featured pictures plugins and tutorials for WordPress.

If you really liked this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can to find us on Twitter and Facebook.

Recent Articles

How to Add Tabs to WordPress Posts and Pages

Tabs effectively organizes the content and engages the user. You can divide your posts into tabs in order to save space and...

How To Check Whether Someone Blocked You On Instagram

All social media platforms including Instagram do not notify people when they get blocked by a user. But when someone’s post and...

Free Apps Make Money through These Innovative Ways

Have you always wondered why are some apps available to you free of cost? If you want to know how apps make...

How To Completely Remove Google Account From Chrome Browser

Google Chrome when used with your personal Google account lets you keep the data in sync with all your devices. Your YouTube...

How To Know If Your Android Smartphone Is Hacked And How To Fix It!

One of the worst nightmares you can ever witness is realizing that your Android Smartphone Is Hacked. Yes, you're allowed to be...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here