Find out how to Add Featured Photographs or Put up Thumbnails in WordPress

  • January 5, 2023
  • elkenz
  • 9 min read

Featured photos often known as submit thumbnails are a widely known WordPress function supported by most themes.

They’re the first picture on your weblog posts, and so they usually seem subsequent to the heading on your private home web page and social media. All widespread WordPress themes include built-in assist for featured photos.

On this article, we’ll present you the best way to simply add featured photos or submit thumbnails in WordPress.

Adding featured images in WordPress

Newcomers Information to Featured Photographs in WordPress

Featured photos are a WordPress theme function. Nearly all WordPress themes include built-in assist for featured photos and show them fantastically throughout totally different areas of your WordPress web site.

Featured images preview on a typical WordPress blog

As people, we discover visible components extra participating than plain textual content. Featured photos make it easier to make your weblog pages look extra interesting.

Additionally they make it easier to construct person engagement and improve web page views. Search engines like google and social media web sites may use these photos and show them in search outcomes and social media information feed.

Largely featured photos are used for weblog posts, however you may also set featured photos for pages and customized submit sorts.

Notice: Featured photos usually are not the identical as cowl picture. See the distinction between cowl picture vs featured picture in WordPress.

That being mentioned, let’s have a look a the best way to simply add featured photos in WordPress.

Video Tutorial

Subscribe to WPBeginner

For those who’d desire written directions, simply hold studying.

Including Put up Thumbnail or Featured Picture in WordPress

So as to add a featured picture in a WordPress submit, merely edit or create a brand new weblog submit.

Within the content material editor, you’ll discover the featured picture tab in the fitting column.

Featured image section on post edit screen

It is advisable to click on on the ‘Set Featured Picture’ space, and this may convey up the WordPress media uploader popup.

From right here, you may add a picture out of your laptop or use an present picture out of your media library. As soon as you choose the picture, merely click on on the Set Featured Picture button.

Setting a featured image

WordPress will now present a preview of the featured picture in the fitting column. Nevertheless, the precise featured picture would look totally different relying in your WordPress theme.

Now you can save or publish your submit and preview it to see how the featured picture will seem in your reside web site.

Relying on settings outlined by your theme developer, your featured picture will mechanically seem together with your posts.

Find out how to Discover and Successfully Use Featured Photographs?

Now, the subsequent large query that the majority newcomers come throughout is the place to search out photos to make use of as featured photos?

You can not simply use Google picture search and use any picture from the web. These photos are protected by copyright legal guidelines and utilizing them with out correct permission could cause authorized hassle.

Fortunately, there are a number of assets accessible that you need to use to search out free photos on your weblog posts.

Our high favorites are:

  • Shutterstock – They’ve just a few free photos, however the actual worth comes from their paid plans which provide you with entry to tons of top of the range photographs, illustrations, drawings, movies, and extra. That is what we use for WPBeginner website.
  • Unsplash – A preferred on-line useful resource publishing high-resolution photos that you need to use in your web site and different initiatives.
  • Adverse House – A well-organized assortment of copyright-free photos.
  • New Outdated Inventory – A set of classic pictures from public archives.
  • Unsplash is a popular free image resource for bloggers

    Notice: All these sources present high-resolution photos, which suggests they’re massive in filesize and dimensions. You’ll must optimize photos for the online earlier than utilizing them as featured photos.

    Featured photos are dealt with by your WordPress theme. To be able to change how your theme shows featured photos, you’ll want some fundamental CSS or WordPress coding abilities.

    In case you are snug with coding, then proceed studying for extra ideas.

    Theme Builders Information to Featured Picture and Put up Thumbnails in WordPress

    The featured picture is a well-liked function supported by nearly all WordPress themes. In uncommon conditions, chances are you’ll come throughout a theme that doesn’t assist featured photos, or chances are you’ll not like how they deal with function photos.

    In that case, you may add featured picture assist to your theme or change the way it seems.

    In case you are snug enhancing WordPress theme information and know your approach round a bit of customized CSS, then you are able to do it your self.

    In case your theme doesn’t assist featured photos, then you definitely’ll not see the choice so as to add a featured picture within the content material editor.

    So as to add featured picture assist in a WordPress theme, it’s worthwhile to add this line of code in your theme’s features.php file:

add_theme_support( 'post-thumbnails' );

This code will allow featured picture assist for posts and pages. Now you can go to posts or web page block editor, and you will notice the featured picture possibility enabled.

Nevertheless, if you set a featured picture, it is not going to mechanically show in your WordPress theme. To show featured photos in your theme, it’s worthwhile to edit your templates and add this line of code the place you wish to show the featured picture:

<?php the_post_thumbnail(); ?>

The information you add the above code in will differ primarily based in your theme. You’ll want to add the code inside your submit loop.

Associated: See WordPress theme hierarchy cheat sheet to higher perceive how themes work.

The above code is the essential perform that it’s worthwhile to add featured picture assist and show featured photos in your theme. To set picture dimension for featured photos you add, it’s worthwhile to add this line of code to your features.php file.

set_post_thumbnail_size( 50, 50);

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

You can even set extra picture sizes to make use of with the_post_thumbnail() perform. For instance:

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

On this instance we’ve got added a brand new picture dimension referred to as single-post-thumbnail with 590px with and 180px peak.

To make use of this picture dimension in our theme, we’ll nonetheless want so as to add it to the suitable theme file.

Checkout our information on including extra picture sizes in WordPress for extra particulars.

When you have beforehand uploaded featured photos, however they’re nonetheless showing in another dimension, then it’s worthwhile to regenerate thumbnails and picture sizes for older posts.

Beneath is an instance of the featured picture perform with particular picture dimension.

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

That is the broken-down model of the total performance. There are various different issues you are able to do with featured photos.

FAQs About Featured Photographs in WordPress

As a newbie, chances are you’ll come throughout questions or points when utilizing featured photos in your weblog. Following are simply a number of the most ceaselessly requested questions on featured photos.

1. Why featured picture is showing twice on my posts?

Typically newbie add a featured picture after which add the identical picture contained in the content material a part of the submit editor.

All you need to do is take away the picture from the content material space and solely use featured picture metabox so as to add featured picture. For extra on this matter, see our article on the best way to repair featured picture showing twice in WordPress.

2. What’s the distinction between the quilt picture and featured picture?

Cowl photos are used within the content material space of your posts or pages. They’re usually used to separate totally different sections of a prolonged web page or submit.

Featured picture is the consultant picture of an article. It does seem earlier than or alongside the content material however not contained in the precise article.

For extra on this matter, see our information on the distinction between cowl picture and featured picture in WordPress.

3. Find out how to show featured photos subsequent to latest weblog posts?

The WordPress block editor comes with a ‘Newest Posts’ block which lets you show latest posts with submit thumbnails.

You can even show latest posts with thumbnails in sidebar widgets utilizing Current Posts Widget Prolonged plugin. For extra particulars, see our article on the best way to show latest posts in WordPress.

4. Find out how to remind authors so as to add featured picture in WordPress?

Featured photos are prominently displayed in your homepage, weblog web page, and different archive pages.

For those who or one other creator in your weblog forgot to set one and printed the submit then it would seem with no featured picture. It will look unhealthy and inconsistent, which isn’t good for person expertise.

You possibly can set up and activate the Require Featured Picture plugin, which is able to present a notification when anybody tries to publish a submit with out featured picture.

Require featured image

For extra particulars, see our article on the best way to require featured photos in WordPress.

We hope that this text helped you learn to add featured photos or submit thumbnails in WordPress. You may additionally wish to try our newbie’s information to picture web optimization which exhibits the best way to optimize your WordPress photos for search engines like google and yahoo.

For those who preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.