WordPress Featured Image: 17 Known Problems (Solved)

A featured picture on WordPress serves as a visual greeting card, inviting visitors to come in and have a look at what’s on the other side of the link. This kind of information is often presented in the shape of a picture or graphic image, allowing the visitor to have a sneak peek at what is included inside the link it provides.

Furthermore, an intriguing tale isn’t complete without a compelling opening, which is precisely what a featured picture is intended to provide. It has a significant positive impact on the website by transforming what may have been a drab website into something aesthetically pleasing. It also helps to break the monotony of words and breathe new life into your material by including images.

This post will teach you how to resolve the problem of your WordPress featured photos not appearing correctly on your website. There are a variety of approaches that may be taken, and we’ll go through them all.

1. How do you add a featured image to the custom post type?

  1. To include a featured picture in a WordPress blog, just update the existing post or start creating a new one.
  2. In the right column of the content editor, you’ll notice a button that says “featured picture.”
  3. You must first click on the ‘Set Featured Image’ box, which will then bring up a WordPress multimedia uploader popup window, which you must complete.
  4. It is from this page that you may upload a picture from your desktop or choose an image already stored in your media library. Once you’ve chosen your picture, all you have to do is click upon that Set Featured Image option.
  5. With this update, WordPress will display a preview of a featured picture on the right side of the site. Depending on the WordPress theme, the actual featured picture, on the other hand, may appear differently.
  6. Once you’ve finished saving or publishing your article, you’ll be able to preview it by seeing how the featured picture appears on your live site.
  7. Your featured picture may show with your articles automatically, depending on the parameters established by your theme developer.

2. How do I add multiple featured images in WordPress

An anonymous reader recently inquired about the possibility of using several post thumbnails and featured photos in a single WordPress article.

When it comes to featured photos, most WordPress themes provide built-in support by default, which makes the process of adding article thumbnails a breeze. When working on special projects, on the other hand, you may find yourself needing to include a second featured picture in a post. Our goal in this article is to demonstrate the process of adding many post thumbnails or featured photos in WordPress.

The first step is to download, install, and enable the Multiple Posting Thumbnails plugin on your WordPress site. Following the activation of the plugin, you must include the shortcode in the functions.php file of your theme. As long as you follow the proper procedures, you may place it wherever in the file. Check out our tutorial on how to copy and paste web snippets.

If (class_exists(‘MultiPostThumbnails’))  {

 

new MultiPostThumbnails(array(‘label’ => ‘Secondary Image’, ‘id’ =>’secondary-image’, ‘post type’ => ‘post’ )); new MultiPostThumbnails(array(‘label’ => ‘Secondary Image’, ‘id’ =>’secondary-image’, ‘post type’ => ‘post’

 

}

As soon as you’ve done so, you’ll be able to include a secondary featured picture in your article. There’s nothing more to it than editing an existing article or creating a whole new one. In the WordPress post edit section, you should notice a secondary featured picture meta box that appears immediately below the featured image box.

Even though you may upload a secondary featured picture in your WordPress administration, it will not appear on your site until you customize the theme. All you have to do is include the following code into your post loop, where you want it to appear, and you’re done. This might be in the single.php file (for a single post), archive.php file (only for archived pages), or anywhere else in your PHP code.

 

<?php

 

If (class exists(‘MultiPostThumbnails’)) is true, the following is true:

 

Thumbnails for MultiPostThumbnails are created using the following method: the post thumbnail(get post type(), “secondary-image”);

 

endif;

 

?>

 

Once you’ve done that, you’re finished. Featured photos may now be shown in multiples on your theme’s homepage.

3. WordPress featured image not showing

Check to see whether you have allocated an image to every blog post if the WordPress featured picture does not appear on your homepage. Verify that the option to show featured photos on your homepage is enabled on your theme & blog posts.

Add a Photo to Your Blog Post

Editing a blog post may be done in two ways.

  • Select a picture from your computer’s media collection, or create a new one if you don’t have one. Choose “Upload Files” in order to upload.
  • Complete the “Alt Text” and “Title” data boxes before you confirm. Search engines use this information to categorise your picture in the most accurate way possible.
  • When you’re finished, click the option that says “Set Featured Image.”
  • Your blog post now has a featured picture, which you’ve successfully assigned. Once you’ve made your adjustments, be sure to hit the ‘Update’ button.

Configure Your Theme to Display a Featured Image

  • The themes I use include an option that applies to all of my blog entries on a global scale. An option to activate “Featured Images” may be found in those settings.
  • Select “Customize” from the menu while hovering your cursor over “Appearance” to see the global blog post options.

On the free Ashe theme, how can I enable featured images?

  • Featured photos may be enabled under ‘Single Post’ in the complimentary Ashe WordPress theme.
  • Please click on the “Publish” option after making any changes to your page content.
  • If you choose this option, the featured picture will appear on all of your blog’s entries, no matter how many there are.

On the Free Astra Theme, how can I enable featured images?

  • Featured photos may be enabled in the ‘Blog’ section of the free Astra theme.
  • Single Post option is the next step.
  • Make sure the ‘Eye’ symbol next to ‘Featured Image’ isn’t crossed off on the ‘Single Post’ settings page.

4. Where do you get the open graph tagging images?

  1. Using the Yoast SEO plugins or SEOpress, you may define pictures for social network distribution. Of course, you can alter the HTML directly, but most WordPress users don’t. It’s far simpler to let an SEO plugin do the heavy lifting.
  2. Go to the WordPress dashboard, SEOpress section, and select Social Networks.
  3. You may activate open graph data & specify a default thumbnail to social sharing in this area. The default picture will be used if Facebook cannot locate a suitable image to include in the preview.
  4. Select a universal image or logo for your website. Just like Twitter Cards, you may enter all the social account URLs.
  5. You may preview the title in the search engine results under the title settings. Here’s how it appears on mobile and desktop.
  6. Customize your Facebook title, subject line, and thumbnail picture on the Social tab.
  7. Note that if you choose a featured picture, Facebook will show it when posting, but you may also specify a thumbnail image. I sometimes post a 1200 x 630-pixel file designed just for Facebook. That’s the suggested Facebook link post size.
  8. Save the URL and attempt it in the Facebook Share Debugger.

When your post is published, this picture will appear.

5. WordPress featured image cutoff (Solution)

Here is how to stop WordPress auto-cropping featured image:

  1. Your theme auto-crops your featured picture to 700×420.
  2. Fix Featured Image Auto Cutting in WordPress If you want your featured photos to be shown in their original size. Steps to follow:
  3. Navigate to Dashboard > Editor.
  4. Select your theme after clicking “editor”. To modify your theme to solve auto-cropping featured pictures.
  5. Locate the functions.php folder on the left sidebar (Theme Functions).
  6. Search for add image size by using CTRL+F.
  7. Now simply change true to false. This disables WordPress’ auto-cropping functionality picture.
  8. Replace “Update File” with the following code.
  9. After upgrading function.php, you must install and activate the Regenerate Thumbnails plugin.

This plugin will resize all featured images.

6. WordPress featured image appears twice

Why WordPress featured images appear twice?

When users submit an image to a featured picture tab of a WordPress post and then upload the identical picture to the post editor, the featured image will display twice in the post.

In the case of people who are just starting started with WordPress, uploading the picture twice makes sense since when you add an image towards the featured image section, it does not appear anywhere in the text of your article while you are in the editing mode.

Due to the fact that your featured picture is controlled by the WordPress theme, this is the case. This is how these featured images are presented will be determined by your theme.

What to do when WordPress featured image appears twice?

It is rather simple to correct the duplicate featured picture in WordPress blog articles. Simply open up a post in which the picture appears twice and remove the image from inside the post editing window.

  1. The picture may be deleted by simply clicking on it, then clicking the three circles to bring up a drop-down menu. From the dropdown, choose the option “Remove Block.”
  2. After that, be sure you click on the ‘Update’ button to ensure that your changes are saved.
  3. When you see your post, your featured picture will only appear once instead of many times.

Continue reading this article if you’re still having problems with your WordPress pictures. It contains information on how to repair common image difficulties with WordPress.

7. WordPress featured image blurry

Why WordPress featured images get blurry?

When photos are reduced in size, a tiny blurring might occur. In certain cases, it’s difficult to determine whether a picture has been sharpened or not, but if you’re in editing software, you can add a little amount of sharpening and unsharp mask to it.

A minor blurring may be evident if you look carefully at huge photographs that have been downsized to fit on the web pages since WordPress doesn’t even have a sharpening tool.

What to do when WordPress featured image gets blurry?

Option 1: Remove the use of image size options in WordPress to compel yourself (or the client) to submit photos that are the right size. Using a spreadsheet, calculate the sizes that you want the content area pictures to scale to on an individual and manual basis. This implies that you should no longer attempt to utilize a picture that is either “medium” or “big” in size in WordPress. To turn this off, do the following:

  1. Select Media from the Settings menu.
  2. Turn all of the values in the picture size settings to zeros in the appropriate places.
  3. To save your changes, click “Save Changes.”

 

Option 2: This is starting to sound like conflicting advice to what I just said in “Option 1,” but you can use the “Thumbnail,” “Medium,” and “Large” holders in WordPress if you want, with the caveat that they must be set to match your site’s breakpoints. Option 3: This is going to sound such as conflicting advice to what I just said in “Option 1,” but you can use the “Thumbnail,” “Medium If that was a statement that made no sense to you, and you are not a developer (and are not attempting to be one), I would recommend choosing “Option 1” above.

However, if you are a programmer and want to learn how to configure your media queries such that they only load photographs that are appropriately scaled for various screen widths, customizing these parameters according to your set points is the way to go.

8. WordPress featured image caption not showing

This is a WordPress theme function that allows you to display featured photos in posts. A large majority of WordPress themes provide support for featured photos, which are displayed in a visually appealing manner throughout various places of your WordPress site.

It will make your content seem more enticing and increase user interaction if you include a featured picture in your post. See our tutorial on how to post featured pictures or post thumbnails with WordPress for more information.

Featured images allow you to provide a caption and a description, as well as several additional attributes when you post them to your website.

The picture, however, may be the only thing that appears on your page when it is shown.

This is dependent on the theme that you are using to display the information. Example: The featured picture descriptions are shown by default in the twenty twenty-one and twenty twenty-two themes respectively. There is no such distinction between the topics of the year’s Twenty Sixteen & Twenty Nineteen.

9. WordPress featured image database location

WordPress has a built-in system for managing your media uploads, which may include photographs, videos, music, documents, and other types of files. Uploading, managing, editing, and deleting files from the WordPress media library are all made possible using this system.

WordPress keeps all of your photos and media files in the /wp-content/uploads/ directory on your server by default. All uploads are grouped into folders depending on the month and year they were made.

For example, all of the media files that you submitted in March 2016 would be saved in the following directory:

/wp-content/uploads/2016/03/

Using an FTP client, you may connect to any WordPress site and examine the contents of these directories.

10. How to disable WordPress featured image

  1. For starters, you must install and configure the Hide Featured Picture plugin on your WordPress site. No settings are required since it operates out of the box. There is nothing to adjust.
  2. Simply make a change to the article where you wish the featured picture to be hidden. On the post edit page, scroll down a bit until you see the ‘Show/Hide Featured Image’ meta box, which you may use to show or hide the featured image.
  3. To hide the featured image, you must choose the checkbox next to it. You may now save the post and see it in a preview window to see how the plugin works.

 

11. WordPress featured image link to external URL

How to provide an external URL to a featured picture on the main article page of your website. When someone clicks on the featured picture, a big external URL will appear in a new window, similar to the example above. So let’s have a look at what could be achievable. Here’s what I came up with:

  1. Copy the code and paste it into the functions.php file of your current child theme’s theme’s functions.php file (or theme).
  2. After that, update your post and include a feature picture, then choose Custom Fields from the Screen Options drop-down menu on your post page, and then enter your URL inside the value box for the new Custom Field “ExternalUrl.”
  3. See Your article’s featured picture will now include a link to the Hyperlink set that is external to the post.

 

12. How to Hide the WordPress featured in a post

Look for a plugin called “Hide Featured Image.” The majority of bloggers have also given it their seal of approval. It has also been adopted by a large number of people.

These are the steps:

  1. The ‘Hide featured image’ plugin may be activated and installed.
  2. When you log into your WordPress dashboard, go to ‘Settings’.
  3. Locate and click on the button that says “Hide Featured Image” to make the image disappear.
  4. The option to hide photographs on posts and pages may be found in the ‘General Settings’ section.
  5. To proceed, choose an option and then press the ‘Submit’ button on the next page.
  6. Assign Featured Images to Specific Pages

 

“Conditionally show featured pictures on solitary posts and pages” is an alternative plugin. Displaying or concealing featured pictures in WordPress articles is the same with this plugin. The latest version of WordPress is also compatible.

The “Conditionally show featured picture” plugin has a video tutorial to walk you through the process of installing and using it.

Follow these instructions if you prefer to communicate in writing:

  1. Add a new plugin by clicking on the Add New button in the Plugins section.
  2. A search box may be found in the upper right corner of the page. Enter “Conditionally show the featured picture.” in the text box provided.
  3. The plugin may be installed by clicking on the ‘Install’ button.
  4. Activate the plugin by clicking on the ‘Activate’ button.
  5. Enter ‘Posts’ and choose ‘All Posts’ from the menu.
  6. Select the post that has the featured picture you don’t want to see from the list. ‘Edit’ may be found by clicking on it.
  7. On the right-hand side, underneath the preview button, click ‘Featured Image’.
  8. Select “Display featured picture in post lists only, hide on single views” from the drop-down menu.

 

There is another plugin to alter featured photos if this one doesn’t work. Quick Featured Images is the name of the feature. Currently, there is no way to make the featured photos ‘Hideable’ with this plugin. However, you may easily add or delete featured photos. Your WordPress dashboard is waiting for you.

  1. Click on Add New in the Plugins section.
  2. A search box may be found in the upper right corner of the page. Select “Quick Featured Images” from the drop-down menu that appears.
  3. The plugin may be installed by clicking on the ‘Install’ button.
  4. Activate the plugin by clicking on the ‘Activate’ button.
  5. Enter ‘Posts’ and choose ‘All Posts’ from the menu.
  6. Remove the featured picture by clicking on “Remove Featured Image” or “Set Featured Image.”

 

13. How to Keep the Aspect Ratio of the WordPress featured Image

Use a plugin called ‘SmartCrop’. You may force the aspect ratio of a smartly cropped picture to be 2:1 by first adding a wrapping div with such a class as “featured-image-wrapper” and then adding CSS in the following way:

.featured-image-wrapper {

position: relative;

padding-bottom: 50%;

}

.featured-image-wrapper > img {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

The historical option of using add image size() to register a new picture size with a 2:1 aspect ratio remains available (or several). The smart crop will make certain that the new picture sizes are appropriately cropped before they are saved.

 

14. WordPress featured image not updating

It’s a typical mistake that novices often complain about since understanding how to make the appropriate thumbnail appear is not always obvious.

One of the most typical causes for this is because you have numerous photos specified in the og: image tag and your featured picture is smaller than all of the other images.

Open Graph (og) tags are used by Facebook, and several WordPress plugins, such as AIO SEO and Yoast SEO, will automatically add them to your site to eliminate the missing thumbnail problem.

Caching plugins, CDN issues, and a missing open graph meta tag again for thumbnail pictures are just a few of the reasons why this happens.

As a result of the lack of precise error messages presented while using the debugging tool, it is quite difficult to determine what is causing the problem.

 

15. WordPress featured image not showing on Twitter

WordPress Cache should be cleared

A WordPress caching plugin is most likely to be the root cause of malfunctioning Twitter pictures. Even though you have configured the Twitter card picture in All in One SEO, your cache plugin may be still displaying an old version.

Remove the cache from your WordPress site and then try again with the Twitter Card Validator tool to resolve the issue.

Select the Appropriate Image Sizes

Check that the picture you’ve chosen to use as your Twitter card isn’t either too tiny or too huge for the platform. Images should be a minimum of 144 × 144 pixels in size and less than 5MB in file size, according to Twitter’s guidelines.

 

16. Adding a Featured image Pinterest button

Adding a Pin It Button In 2016, Pinterest renamed the “Pin It” button to Save.

Some plugins still call themselves “Pin It” rather than Save, although they perform the same thing.

  1. Adding a Pinterest button on your WordPress website is simple with a “ share ” plugin.
  2. Use the Shared Counts plugins for this. There are several social networking plugins for WordPress, but this one is free and enables you to add the Pinterest icon quickly.
  3. Install and activate your Shared Counts plugin. Detailed instructions on how to install a Wp plugin may be found here.
  4. After installation, go to Settings » Shared Counts to set up the plugin.
  5. Scroll down to the Display area and click the “Social Sharing buttons to Display” textbox.
  6. To add social networking services, click the dropdown menu. Pinterest, along with Facebook and Twitter, will be included by default.
  7. The ‘Share button style’ option allows you to pick from numerous button styles. You may also choose the post type and position where the Pinterest button appears.

 

Final Words

It is both irritating and possibly dangerous to your company when you create a website with excellent content only to discover that featured photos do not appear. We hope this tutorial was useful in identifying and resolving the most frequent issues with featured photos not appearing on WordPress. Just make sure that your featured photographs are correctly uploaded and set up before moving on to more elaborate solutions to avoid confusion.

Along the road, you picked up some pointers on how to enhance your picture editing abilities and routines.

Is there anything we should have mentioned? If you have any queries concerning featured photos or are experiencing difficulties with WordPress featured images, please leave a comment below.

 

Share your love

Leave a Reply