You may find that the theme coding doesnt support a featured image. Problems with featured images stem from various problems. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. There are several reasons for images to disappear from WordPress. 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. Its a good practice to know which photos look good on WordPress. To adjust the location of a featured image, go to the page or post template being used. Again, Kinsta bans many Open Graph plugins, including this one. The big question is whether or not the featured image for a post gets rendered properly when you share a link on Facebook. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. The most common ones are: Incorrect home and site URL. You have the option to choose one and click the Set Featured Image button. No featured image complements the posts when sharing on Facebook. Your theme layout does not support featured images. Thats how it should be if you want the functionality of a featured image with no duplication! Your theme, or a plugin, has an error or is causing a conflict with your featured images working. This way, youre not limiting your sites resources with too many large photos. This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. Here, we want to make sure the checkbox for the Featured Image is checked. This means you can upload several featured images and choose which one of them gets shown on different parts of your website. Theres also an Image Alignment setting to indicate if the images should slide to the right, center, or left. Thats a sure-fire way to eliminating legal problems. This code snippet is a reference to your featured image. Post thumbnails are what featured images used to be called in WordPress from its early days. Kind Regards, Skandha. It is working fine for mobile and tablet. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. The reason it shows on that page is because the header image has white areas on the left and right. If not, how do you go about fixing that problem? It would be troubling and potentially illegal to simply search for an image online, take its URL, and use the image for your featured image, as you do not know where the image URL is hosted. Here are some general rules to follow before uploading your featured image: Another tactic for finding and setting the perfect featured image size is to visit the Media section of your WordPress dashboard. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. Each social network has its own display for shared content, but Facebook is a solid starting point considering its the most popular one. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. For simplicity, well stick to uploading featured images to regular WordPress posts and pages but if youre interested in learning more, heres a complete WooCommerce SEO guide that covers this & everything else, including Schema Markup up for your products and more. Weve outlined both common and uncommon problems with featured images. Maybe you encounter one of the following: Luckily, WordPress already includes a wide range of photo editing tools for you to ensure the featured image looks professional. Now its time to look at the content within that page to ensure the featured images show up the way they should. Deleted all plugins. After entering the code, click the 'Save Changes' button. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. This is due to a wide variety of reasons. If the featured image is showing on Facebook, then theres a good chance it also appears on other social sites. Type in the new dimensions and click the Scale button. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. Scroll down to the area called Image Settings. Essentially, this plugin suits those struggling to decide which featured image to use, or when one featured image makes sense at the beginning of the article, but another one looks better in a sidebar. Theyre vital to help your post or page move up the rankings. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). At some point, you may realize that several old posts could use new featured images. If not, reactivate the plugins and move onto a different cause of the problem. Make sure the right featured image is selected in the Media Library. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. We recommend taking a look at his guide to walk you through those steps in detail. 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. Fix the Plugins or Themes 3. The featured image has its own section for uploading, away from the content editor. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. Unfortunately, we cant walk you through the solutions to these issues as it requires you to either look into the theme settings or contact the theme developer. As an alternative, its often a better idea to leave the Crop Thumbnail box unchecked, so the Thumbnail dimensions are used as more of a guideline. Here's the definitive guide to fix WordPress featured image not showing properly on your site , reach out to your current hosting provider, reading our guide on WordPress user roles, cut this piece of code and paste it somewhere else, Kinsta bans the majority of Open Graph plugins, The Ultimate Guide to Fixing and Troubleshooting the Most Common WordPress Errors (70+ Issues), Visual Content Strategy: How to Use Visuals to Get More Traffic, 10 Stunning Places to Find Free Images For WordPress. You should avoid stuffing keywords just because you want to. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. Another way to see if this works is if you have any social sharing buttons on your website. The downside of setting a default featured image is that theres a chance you end up with several featured images that arent relevant to the post. A lot! 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. You can also test this out for the other social networks like Twitter and Pinterest. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. I don't understand why the image only works in . For example, you may rather have one featured image appear in the sidebar, but a different one shows up when the post is in a list on your homepage. This helps speed up your featured image creation process while also helping your brand. Try to set the images as featured images for the Posts and the pages. As an alternative, the Media Library also has a tab to Upload Files, where you select from the files on your computer and upload them to your WordPress Media Library. Or maybe they include colorful animations while still representing whats in the posts. Instead, it detects the posts that lack featured images and sets a default featured image for them. Considering you should be uploading high-resolution images as featured images, it makes sense to automate optimization. Upload the image here and click the Save button. Auto Featured Image even has a bulk featured image generation tool. Created new Home page. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. Wrong file permission or ownership. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. Featured images break for various reasons, and its often on a case-by-case basis. This is a frustrating one because its a simple setting in the dashboard that tells WordPress to either show the Featured Image section or not. Go to Posts > Add New to create a new blog post. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. Scroll down the list of settings to locate the Preferences option. You can insert a Cover block anywhere in a post or page, not just at the beginning. You have the option to crop the featured image thumbnail to the exact dimensions. To begin, install and activate the OG plugin on your WordPress site. After the plugin is installed and activated, go to Featured Images > Bulk Edit. The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. All selected images appear as thumbnail previews in the plugins dashboard. Not all themes have the same featured image settings. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. Regardless, a WordPress featured image not showing up is both frustrating and concerning. A theme or plugin usually defines it. Therefore, I am trying to use the custom field name "header_image with the value using the the correct url. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. Page header meta box says it's using my featured image. The new dimensions are also listed on the right side of the pop-up window. For instance, you could cut down each featured image to 25% of its original size. WordPress permissions decide who can read, write, or edit website files. Along with activating the Open Graph for all social networking sites, this plugin has the added advantage of including Twitter tags to improve your Twitter sharing results. To move forward and see the featured image in action, click the Publish button. These are the general settings for all social media sharing, making sure Facebook and Twitter dont randomly select photos from your article or other places on your website. There are several steps you can take to mitigate the problems: Thats a simple three-step process, but theres much more detail behind fixing your featured images. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). I felt I should post it here for those having same issues. Your themes coding often structures the featured image location and formatting. However, you may have to update previously published posts for the default featured image to show up on those. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. Then scroll down through the settings. One way to ensure your featured image field is never empty is to set a default featured image for all posts. An image optimization plugin does much of the work for you, ensuring that your featured images actually show up and dont slow down your website. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. The thumbnail images arent showing up as the right sizes. You can troubleshoot a featured image not showing up or edit each featured image manually. Or they simply arent updated, leading to all sorts of conflicts. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. Update: finally used WordPress reset plugin and cleared everything out. The Featured Image column should now appear in your list of posts or pages. Returning back to the original page, the image suddenly shows up. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. This could be just above your site's title and menu, for example. I checked several of your other pages and do not see any with narrower header images like on that page, so I've limited this change to only that specific page by using its unique page id CSS class from the opening body html tag. It seems there is a conflict with your theme because I have tried to add an image header but it doesn't show at all. Its easy to grab a quick image that relates to the article just to save time. With the OG plugin activated, you should now see the post information and the featured image in the preview. Thats a tremendous problem. If the goal is to have no featured image, you can remove it altogether. Its a must-read to speed up your WordPress site. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. Editing a featured image in WordPress is often the easiest and quickest way to resolve an issue with a featured image thats too large or needs some cropping done. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. Learn how to fix it once and for all Click to Tweet. This plugin seeks out all empty featured image fields and fills them in with the default option. You must host the image in a third-party location and ensure that it will be hosted there for the future. 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.. Showing a gallery or list of your recent blog posts is done by adding a Gutenberg block element to the page designated as the WordPress Homepage. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. Pay for photos on sites like Shutterstock and iStockPhoto. In general, the following solutions tend to help with error codes telling you that an image is either too large or not currently supported for uploading: Your hosting provider often sets the WordPress memory limitations. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. What if the featured image isnt the right one, or you do not see an image at all? You may already have the Latest Posts block activated on your homepage, but if not, you can find it by searching in the Gutenberg block library. The first few settings dont have anything to do with the featured image, but they can affect how the posts show up in the block and make your featured images look strange. For example, you might complete an action with multiple pages. Open the Media Library in your WordPress dashboard Select the desired image Uncheck the box Protect this file in the attachment details Fix Images not Showing in Media Library You might suffer a nightmare when there are no images available in the WordPress Media Library. For instance, you may want to pull the first image in your content and make it your featured image for a post. Allow Featured Image for Viewing 6. it's not working.