As a website owner, you surely know how vital images are for your WordPress website. Featured images, also known as Post thumbnails are no different as they are useful on any WordPress blog. They not only improve SEO on your site but also make your site more appealing.
So what exactly are featured images and how can you add them to a WordPress post? This guide to featured images answers these in detail. Sit back while we walk you through all of it.
Table Of Content:
- What is a featured image
- How to set featured images
- Setting featured image size
- Adding featured image support to your theme
- Where to get images to use as featured image
- Frequently Asked Question
- Conclusion
What is a Featured Image?
A WordPress featured image is a visual thumbnail that represents a post or page. Depending on your wordpress theme, it can appear on your blog page, at the top of posts, or even when your content is shared on social media. Featured images enhance visual appeal and give readers a preview of what to expect in the content.
How To Set Featured Images In WordPress Site?
Setting up a WordPress featured image is quite easy. After logging into your admin panel, you can access your WordPress dashboard. Go to ‘Posts’, select a post to which you want to add the featured image and click ‘Edit’ to open the post editor.
On the bottom-right corner of the page, you will see the ‘Featured image’ tab. Click on the ‘Set featured image‘ link.
This will take you to the Media uploader. You can either select from your blog images on WordPress media library, or upload an image from your files.
Select the image you want to use and click the ‘Set featured image’ button at the bottom-right of your WordPress dashboard.
Your featured image will be added to the post.
Next, click ‘Update’ or ‘Publish’ to save your changes. Your featured image is set in WP post. Next, you can preview the changes you just made using the ‘Preview Changes’ button. Now where the image will be displayed is determined by your theme developer. In the test site we used, the image is displayed at the top of the post.
If that’s not the case in your site, then you will likely find the feature image in your homepage, your blog page, or any other page that displays a list of your posts. It all depends on your active theme settings.
How to Set Size Of WordPress Featured Image
Now that you know how to set a WordPress featured image, how can you set or change their sizes? Well, it’s not difficult. Usually, after uploading an image, the image is automatically resized and made available as large, medium, or thumbnail size images. Of course, there’s also full size which is the original size of the image.
Sometimes, these image dimensions may not cut it for you. In that case, you can make some changes to your image settings to create additional image sizes. To do this, head on to your ‘Settings’ and click on ‘Media’. There, you will see the standard image sizes that have been set by WordPress.
Keep in mind that some WordPress themes may have their own predefined dimensions for featured images, which can override the settings you define in the Media section. To check or adjust this, go to Appearance → Customize and look for options related to blog layout, post settings, or featured images.
Additionally, if you’ve already uploaded images before changing the default sizes, WordPress won’t automatically resize those. In such cases, you can use a plugin like Regenerate Thumbnails to update your existing media files.
Simply install the plugin, go to Tools → Regenerate Thumbnails, and run the tool—it will automatically generate the new image sizes based on your updated settings.
If you’re unsure which image size your theme uses for featured images, you can find out using your browser’s Inspect tool. Right-click on the featured image in a blog post, select Inspect, and look for the class name in the <img> tag.
For example, if it shows attachment-large, your theme is using the “Large” size from your media settings. This can help you choose which dimensions to modify.
Put in the sizes you prefer. After that, scroll down and click on ‘Save Changes’. That’s all you need to do. Now you can go ahead and upload your featured image.
Note that these new image sizes will only apply to image files uploaded after this change. You would have to resize previous images.
Customizing Featured Image Size in Block Themes
If you’re using a Block Theme editor (like Twenty Twenty-Four), you can control the featured image size directly through the Site Editor. Here’s how:
- Go to Appearance → Editor.
- Click the site logo or WordPress icon (top left) → Templates.
- Choose the Single template (for posts) or Page template.
- Click on the Featured Image block
In the block settings panel, open the Styles tab and scroll down to adjust the Aspect Ratio or manually set the image’s width and height. This gives you more design flexibility without modifying code.
How to Add Featured Image Support to Your Theme
While most WordPress themes support featured images, there are rare cases where a theme doesn’t. If this is the case for you, do not panic.
You can easily add the feature by including some lines of code in your theme’s function.php file. The codes also set how a featured image appears.
Remember to backup your WordPress site before making any changes.
To get started, go to Appearance >> Theme Editor and click on your theme’s function.php file.
Add the following line of code:
add_theme_support( 'post-thumbnails' ); );
This automatically enables featured image support for posts and pages. However, this does not mean the image will be displayed.
To display featured images on your WordPress theme, you’ll need to edit your theme and add this line of code at the point where you want to display the featured image.
<?php the_post_thumbnail(); ?>
Note: If you want to display this image inside your post content, then you have to edit a file usually called single.php. However, it may differ based on your installed theme. When you locate this file, ensure you add it within your post loop, which looks like the code snippet below.
<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
//
// Post Content here
//
} // end while
} // end if
?>
In the theme file, there will be a lot more lines of code for displaying post title, post category, author name, and other such items within the loop.
Add the thumbnail display code just above these lines, as you usually display the featured image first, before other items.
When done, hit ‘Update’. You should now have your feature image displayed on your posts.
You can also customize the featured image size. Add the following line of code to the function.php file.
set_post_thumbnail_size( 600, 400);
The first and second number within the bracket represents the width and height respectively. If you want a larger image size, you can enter a larger value pair, such as “900, 600”.
Where to Get Images to use as Featured Images
To get the best results with featured images, you need a way to get relevant images for each post. However, to avoid copyright issues, you should not simply lift images off the internet. You have to use copyright-free images. Such kinds of images are found on sites like:
These websites provide WordPress users with high resolution images. Out of the box, these images can bring your posts to life. You may however use design tools to make them even more interesting. For example, you can add the name of the post to the image, like we do at FixRunner.
Frequently Asked Questions:
Do featured images affect my site’s loading speed?
Yes, large unoptimized images can slow down your website. Always compress and resize images before uploading. Using tools or plugins to optimize images is highly recommended. Learn more about improving your site speed with our WordPress speed optimization service.
Can I automatically generate featured images for my blog posts?
Yes, there are plugins that can automatically set the first image in a post as the featured image or even use a default one when none is set.
Why is my WordPress featured image not showing up?
This could be due to your theme not supporting featured images or a missing the_post_thumbnail() function in the template files. You can manually add support in the functions.php file or consult your theme developer. For help fixing theme-related issues, check out our WordPress support services.
Can I set a different featured image for each page on my site?
Yes, WordPress allows you to set a unique featured image for every post or page through the editor. Each image can reflect the content of that specific page.
Conclusion
WordPress Featured images are used to add value to your content as they help make your content shine. They also help in organizing and presenting your posts within pages that list them, such as your blog or homepage.
Additionally, when you use featured images correctly, they help to build brand awareness for your business.
This article has shown you how to set featured images for posts. If your WordPress theme does not support it, we have shown how to add support for them.
For more tips on how to improve your WordPress site, please visit our WP College.
Recommended reading: