The featured image is something that every WordPress user is familiar with. It’s the image that displays at the top of most posts, as well as in archives and search results.
Any website owner who knows how to use it appropriately has a valuable talent. As a result, we’ll go over this feature in-depth further down. You’ll learn what the featured image in WordPress is, why it’s important, how to use it effectively, edit it, and solve problems with it.
Let’s get started.
The Featured Image in WordPress represents your content throughout the entire site.
Let’s define featured images first before we get into how to use them effectively.
It is recommended that you use photographs in your material. It has been found to boost page visits and time spent on the site. Add image to an article’s body using Add Media or the Image block.
The WordPress featured image options, on the other hand, are in the sidebar.
When you click the appropriate option, you may upload an image or select one from the media library, give it a title, description, and ALT text, and choose it as the featured visual for the post.
The image will generally display at the top of the article when you do so. The exact placement (for example, above or below the title) is determined by your theme. It’s even been put in the header section by some.
Aside from that, it will display wherever else on your site where the content appears. This can be a blog page, an author archive, a list of similar posts, or anything else you can think of.
As a result, featured images have a significant impact on the appearance of vast portions of your website. Furthermore, they establish the tone for how readers will perceive your content. Featured images are thus an important component of your content strategy.
How To Fix WordPress Featured Image Not Showing Correctly
Because featured images are so essential, it’s a good idea to be careful how you use them.
1. Use a Style That Is Consistent
As previously stated, the WordPress featured image displays in a variety of locations throughout your website. As a result, it’s critical not just for the style of a single post, but also for the overall appearance of your website. As a result, you should think about how what you utilize affects your entire impression and branding.
Each strategy is tailored to the content and audience of the site, resulting in a uniform appearance.
To get comparable results, consider what kinds of images might work best with your logo, tone, and overall style. Then, in all of your published pieces, make sure you utilize the same style.
Using a predefined template, even if it’s only a color overlay, is the simplest method to accomplish it.
You may make one using a program like Photoshop or Canva and whatever image you wish to use. That way, even if the primary image changes, the overall design of your site remains consistent.
This is also something you should mention in your blog style guide so that all of your other contributors may follow suit.
2. Correctly source and attribute
Aside from employing photos to establish a uniform blog style, there’s also the matter of where to acquire them.
One option is to make your own image. Some bloggers are skilled at doodling or drawing and are capable of creating their own graphics.
Others have photographers or graphic designers on staff who handle such matters.
However, the ordinary blogger does not always have the time or means to do so. As a result, most people will use stock photos, particularly ones that are Creative Commons licensed.
They have the benefit of being free to use, and there are several websites that offer a large number of them for download.
Make sure you follow the terms of each image’s licensing. Not all of them allow you to use or alter them commercially. Furthermore, many of them want credit.
3. Before you publish, make sure you optimize it.
Featured images, like every other image on your site, add to page loading time. This is especially true in this situation because visitors do not have to click on the headline of a post to view it. In the feed, they’re right there.
Furthermore, images have SEO importance both because of their existence (which Google deems an indication of quality) and because of the information they convey about the topic of sites and pages. As a result, just like every other graphic on your site, it’s critical to optimize your featured image.
- Make images as tiny as possible by compressing them using internet service or a plugin. Use only as much of an image as is required in a given location. Use the strategies listed below to make your blog the right size.
- Include keywords – Include your primary keyword phrase in the file name and ALT tag to assist search engines to comprehend what an image is about and gain an SEO boost.
In WordPress, how do you change the featured image?
Because the featured image is such an important element of your content, WordPress provides a variety of options for customizing it.
Its position in page templates can be changed.
If you’re looking for where the featured image appears in your page layouts, this code snippet can help you out:
That’s why it’s named that: post thumbnail is the traditional word for featured image. It is still referred to by that name in the WordPress Codex entry.
The call for the featured image in WordPress is usually wrapped in a conditional statement that checks if it exists and shows it if it does.
If you wish to alter the location of your featured image, simply move this or a similar code snippet to the appropriate spot.
If you make modifications like this, make sure you do it in a child theme, otherwise, you’ll lose them if you update the theme.
You may also adjust the position using theme hooks in some themes, such as the Genesis framework.
Make Your Own Sizes
When it comes to the functions file, there are a lot of options for customizing the WordPress featured image. It allows you to set and insert custom sizes, for example.
You’re undoubtedly aware that any image you post to your site is split into several sizes by WordPress. This is to ensure that you don’t have to use a 2,000px image in a 300px wide area. It would be a waste of bandwidth to do so.
The featured image may be used in the same way. If you know the page’s maximum width is 800px, you may instruct WordPress to make a post thumbnail with that size in
However, you must ensure that the theme uses the right size in your page templates when you set it up in this manner.
You may even utilize varying sizes of the same featured image in different places in this manner, and only use as much visual as you need.
It’s worth noting that good themes should already take care of this. If you modify the layout of your design, however, the following information may be useful.
Furthermore, if you make changes to image size, you may need to renew the thumbnails of old images on your site, which this plugin may help you with.
3. The styling of the featured image should be changed.
If you want to modify the appearance of your featured image on the page, you may easily do it with CSS. CSS classes are automatically assigned to them by WordPress based on their default size.
As a result, you can simply change them using the CSS selectors below.
This includes any custom image sizes you’ve included. So, using the code below, you may change the image size.
With this CSS, you may modify its appearance:
WordPress Featured Image Not Showing
We’ll go over some troubleshooting in the final section of this tutorial on the WordPress featured image.
A typical issue that users have is that the featured image does not appear on their page (it’s like the second-most searched phrase). If that’s the case, here’s a list of things to search for in order to address the problem.
- Have you made a plan?
The most common cause for a featured image not appearing is that it was not set. So, the first step is to go to the editor and check the sidebar to see whether a post thumbnail was inserted. You may need to utilize the screen settings (top right corner of the screen) to activate the option if you’re using the old editor.
- Check the theme’s compatibility.
In order to use featured images, they must be enabled in the theme. You can do that with
add_theme_support( 'post-thumbnails'); inside
functions.php. You can also use this code to add support after the fact.
- Look into the file permissions.
One of the most common causes of images not appearing in WordPress is improper file permission settings.
- Disable the lazy loading Image.
Lazy loading is a bandwidth-saving method that prevents images from loading before they appear on the screen. It can occasionally create this issue, particularly when using Jetpack. Disable yours and check whether your featured photos appear again.
Whether none of the previous solutions work, try disabling all plugins to determine if one of them is the source of the problem.
Also, your theme may have image-specific settings, so be sure to look into them all. If it doesn’t work, switching themes might help you figure out what’s going on.
Conclusions: WordPress Featured Image Not Showing
The WordPress featured image is an important component of any site, even if you don’t think about it all that much. It serves as the focal point of both individual blog articles and the overall site design. As a result, it must not be treated lightly.
You’ve now learned what the featured image in WordPress is, why it’s important, and how to utilize it appropriately. We’ve also covered how to change featured images and handle frequent problems.
By now, you should have a good understanding of this aspect of your WordPress site. If you have any unresolved queries, let’s know in a comment section