It can also prevent people from sharing your work, considering its not all that appealing to share a blog post on Facebook that doesnt have a featured image. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. Go to Posts > Add New to create a new blog post. But didn't notice the header image was missing from the desktop view until today. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. You can insert a Cover block anywhere in a post or page, not just at the beginning. The image src is the full file path. Or they simply arent updated, leading to all sorts of conflicts. Click Upload to upload the image from your computer or click Select Media to choose an . This tool scrapes any URL you want and tells you whether any errors occur with Facebook accessing the information. You have the option to choose one and click the Set Featured Image button. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. Scroll down to find a new field called Default Featured Image. You would select those images later and swap every single one of them out in place of the new one. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. We also recommend looking at the Image Dimensions. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. Note the exact issue, like if the image isnt uploading. Simple, Clean and Lightweight Responsive WordPress Themes . Fix the HTTP Error When Uploading a Featured Image 2. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. Finding free images for personal and commercial is hard. As a quick reminder, you can turn any WordPress page into the homepage by going to Settings > Reading in the dashboard. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Reactivate each plugin one-by-one. First, you have to decide what youre trying to achieve. Otherwise, you run the risk of someone deciding not to share the post at all, or your brand looking unprofessional when users do share any of your sites links. It looks like only two of the images selected are actually stored as featured images in our posts. WordPress added the Cover block to its Gutenberg editor only recently. Thats the main reason you would take advantage of this plugin. Test a deployment on our modern App Hosting. I later deactivated the plugin, but that hasn't made a difference. Note: Youre always able to come in here and change the static homepage. It also works well with page builders like Gutenberg and Elementor. The most common ones are: Incorrect home and site URL. Overall, the Default Featured Image plugin has some simple tools for adding a default featured image with a buttons click. Again, in this tutorial, we named the page Homepage, but you may have something different. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. After all, a theme or plugin could be causing the problem. Thats because theres no need to activate an Open Graph plugin with Kinsta. However, if you right click this rectangle and choose 'View image', the correct image is shown. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. Follow these rules to ensure your featured images are legal: Its one thing to ensure all featured images are relevant to the posts theyre attached to. Here are some common reasons that lead to issues with featured images in the first place: A few errors are more common than others when uploading images to the Media Library in WordPress. Theres no reason to go into troubleshooting mode if your featured images and post content all come up fine on Facebook when the post gets shared. Open your site in MyKinsta. You may see a simple list of links, along with descriptions from those posts. Here, youll see a Progress Bar at the top of the page. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. An alternative is to install and activate a plugin like Export All URLs. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. Fix the Plugins or Themes 3. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). But, several systems (about 25% of known systems) don't show the images, only a blank rectangle with a small image icon in the center. Hit the Enter key to activate the crop and see the result in the preview. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. Getting back to the featured images, its not set by default to show featured images from blog posts when you put the Latest Posts block into a page. Considering you should be uploading high-resolution images as featured images, it makes sense to automate optimization. There are many ways to go about it, and well cover them all. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. has_header_image (): bool. Not all themes have the same featured image settings. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account Theres also an Image Alignment setting to indicate if the images should slide to the right, center, or left. Next, enter the custom code in the 'Header' section. Or if the featured image fails to show up on social media, but its working fine on your website. Do the same for footer.php to get the footer. There can be up to 3 different headers (and footers) in a document, or each Section of a document. Set the selected image as the new featured image. Its more common to see something with specifics, like a message that tells you an image or video Exceeds the Maximum Upload Size For This Site.. A featured image does not differ from other photos on your website. Although automating the process isnt for everyone, there are tricks to ensure that a WordPress featured image is always shown for posts and pages, minimizing the chance that an author forgets to upload one. You can upload a featured image to every post and page. For instance, you could cut down each featured image to 25% of its original size. Check out how this strategy can help get your blog get more traffic. However, you still may see a vague error, as the following HTTP error. message. The key to fixing this issue is ensuring your user roles and permissions are all set properly. There are two solutions to this. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. There, below the disable section title, you can check all the boxes of the sections that you would like to remove. The following block of code is what you can insert (or look for) in the functions.php file: Lazy Loading serves as one of the many methods used for optimizing images to improve site performance. Find the Add Open Graph Meta Data switch and make sure its set to Enabled. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. To check, go to the WordPress post or page editor in question. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Featured images are wonderful, but you may find that youre unable to see a featured image for a post or page for one reason or another. If a featured image isnt assigned to a post, it will show a blank space in its block instead. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. With the OG plugin activated, you should now see the post information and the featured image in the preview. As you can see, the two posts shown from before had their featured images swapped out by the one I had wanted. We covered the Quick Featured Images plugin above in this article. An easy way to see if the Open Graph code is activated on your site is by utilizing an SEO plugin. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. It uses a widget and shortcode, both of which ask which of the featured images youd like to display whenever implementing one of the tools. Itll avoid causing problems with your own server. Incorrect permalink setup. Fill in the title, write paragraphs, and upload images to the article. Its possible that your current user role doesnt allow you to upload or view featured images. A cover image provides a wide or full-width image section to add anywhere on the site. You also have the option to Save the crop, even though its done for you. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. Upload the image here and click the Save button. For example, you might complete an action with multiple pages. Click on the Select Default Featured Image button. This means that as you move the crop box, and it sticks to the aspect ratio. However, youre usually going to opt for the one titled Replace featured images by the selected image. This allows you to upload an image that will replace as many current featured images as you want. The function get_header is used for calling a new header file. Created new Home page. All other image editing tools are located above the featured image preview. Participant. Deleted all plugins. Click the + Block Inserter icon to add a new block. At some point, you may realize that several old posts could use new featured images. This code snippet is a reference to your featured image. Is there a way to do that without using an external plugin? Make sure the right featured image is selected in the Media Library. The Default Featured Image plugin offers a simple way to override all instances where a featured image is not set for a page or post. Such plugins may not be the best solution if they block the featured image from being shown on a Latest Posts list, or if they make the featured image load slowlythe featured image should load immediately for optimal user experience. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. Alternatively, you may find yourself in the older version of the WordPress editor. Whenever you make a change, its good to go back to the Facebook Sharing Debugger Tool to promote Facebook to search for more data on the post. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. Its also common to see varying degrees of featured image problems. As always, we recommend backing up your WordPress site before making edits to the code. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. Regardless, all of these errors are frustrating and confusing for users. Premium Responsive WordPress Themes with advanced functionality and awesome support. If the goal is to have no featured image, you can remove it altogether. Another specific Open Graph module from this plugin is for Twitter. It often presents useful information in the form of a photograph or graphic image, granting the user a sneak peek into the information behind that link. You can find the Featured Image in the right-side Settings panel for all posts and pages. The Crop tool reveals a square within the preview thumbnail, asking you to click and drag the crop box so that it gets to the exact dimensions you desire. Honestly, I really dont like the Gutnberg editor. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. For instance, the last image in a long article doesnt necessarily have to load until the user scrolls down to the bottom of the page and gets to that image. If you find a photo that you really love, reach out to the photographer or artist and ask if you can use their work on your website. You can search for the Cover block or scroll through the library to find it. I have experienced similar issues, I exported my post from another website to another new site I am building when I tried importing, it didnt come with the featured images. Its also possible to generate featured images based on post authors, tags, and post types. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). Other times, you may notice that a theme presents a featured image in a different spot than whats expected. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. Although not all featured image correction plugins complete the same tasks, there are a few that we recommend looking into before trying any drastic changes with your website. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. If you find that its missing, follow the next few steps to activate it. Click the Background Image section of the Customizer panel. Theres a field for choosing where the image should come from when sharing a post or page to social media. The Preferences module includes a wide range of options for a document. When seeking out a featured image, always consider starting with a larger, high-resolution photo. Your themes coding often structures the featured image location and formatting. The advantage of using a method like this is that theres no relying on a default featured image that may not apply to the post. Youll see a message that tells you the Image Saved. Regardless, the best course of action is to follow these steps: An interesting thing about featured images is that some WordPress themes may not support them. If youre still not having success with that, consider going to the Facebook Sharing Debugger to ensure Facebook knows how to crawl your website, as thats usually the problem if you already have the Open Graph protocol activated.