As long as youre not making the image too small, you should still be able to offer a beautiful featured image. This way, youre not limiting your sites resources with too many large photos. Search for the Cover block and click to add it. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. WordPress makes it easier to align images to the left, right, or center. An odd page header\footer. 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. Find the section called Featured image settings. The Featured Image from URL, or FIFU, plugin allows you to take an external image and use it as a featured image for a post or page. Thats the main reason you would take advantage of this plugin. It's only on select pages though (front page and blog page). Go to Posts > Add New to create a new blog post. I always prefer the classic editor. This column reveals the thumbnail version of that featured post to give you a quick idea of what will appear on the frontend of your site. 2 Answers. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. You can fix it by following these instructions: This way, the thumbnails remain proportional, and you dont see any unexpected cropping effects. Theres a completely different section that handles the featured image. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. Still, its far easier to know the core approaches to featured images to minimize problems in the first place. These best practices cover everything from design recommendations to uploading tactics, enabling you to feel confident about all featured images while also cutting down on the amount of time you spend with featured images. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! Scroll down to the section called Document Settings. 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. For free, a fee, or with attribution. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. All selected images appear as thumbnail previews in the plugins dashboard. Its the opposite of only showing a list of your Latest Posts. A column called Featured Image is supposed to appear after the Post Date. Just make sure its the right image and that the plugin is recognizing it. 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. Skandha. 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. This turns on the featured images for all the latest posts being pulled. For instance, we added a Recent Posts feed on the homepage of our test site. The screenshot below tells us that our featured image is showing up just fine. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). This means that youve turned off a setting on your dashboard to reveal the Featured Images column. I agree Pedro, I have never liked working Gutenberg editor, It has a way of messing things up. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? As promised, three choices appear when uploading an image through a Kinsta-hosted website: Choose one based on whether or not you have your own photos and where theyre stored. You can see that two of my posts now have a new featured image, and theyre the same images. You may want to move the featured image to another location, like below the first bit of content or above the byline with the authors name. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. It helps with cleaning out those posts where you forgot to add a featured image or, at some point, removed it due to the original featured image not holding up to your standards. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. In the WordPress Customizer, click the Change button for the Active Theme Select the Twenty Fifteen theme or another theme you want to use that supports and displays a background image. Go to the post in question, click on the Share to Facebook link, and see if the featured image appears in the pop-up window. Now, go to Settings > Media in your WordPress dashboard. This is particularly important if youre highlighting your recent posts on the homepage. You can also test this out for the other social networks like Twitter and Pinterest. Configure WordPress Dashboard Settings 5. The most common ones are: Incorrect home and site URL. 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. I suggest you to upgrade to pro. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. Overall, if youre editing an image, like a cover or a standard media item, youre not using a featured image in the WordPress post or page editors. Click the Remove Block option at the very end of the list. Many blind people are using the internet through screen readers. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. We'll get back to you in one business day. 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. Also, make sure the width of the image is set to 1080px. An alternative is to install and activate a plugin like Export All URLs. 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. We recommend taking a look at his guide to walk you through those steps in detail. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. 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. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. 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.. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. It should have a Front Page label next to it. Though, it varies depending on your WordPress sites configuration, theme, and plugins. 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. The plugin is lightweight and doesnt offer any other features, making it ideal for those not interested in anything besides fixing the Open Graph issue. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Fix the Plugins or Themes 3. Even if they tell you that the image is too big, how do you move on from there? Its easy to grab a quick image that relates to the article just to save time. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. But what if thats not the case? 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. After entering the code, click the 'Save Changes' button. Make sure to get this agreement in writing (email works too). It also helps when your older posts dont have appropriate featured images. For instance, you could add or remove items like tags, categories, and the author. Incorrect image URLs. You should avoid stuffing keywords just because you want to. 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. You can go to Post > All Posts to review your list of articles. You can insert a Cover block anywhere in a post or page, not just at the beginning. Avoid images that are way too large or small. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. The good news is that all future posts without featured images will automatically add the default photo. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. Here, youll see a button to Set Featured Image. Alternatively, you may find yourself in the older version of the WordPress editor. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. The Preferences module includes a wide range of options for a document. A cover image, or any image placed in an articles content area, wont show up elsewhere (like in a Recent Posts list) as the featured image. The Link Preview area shows you exactly what your post will look like if you, or someone else, shares it on Facebook. It takes every URL on your site and exports them into a simple document. Go to its Post Settings panel and open the Featured Image section. The theme is not coded well, or the developer has removed the default featured image functionality on purposemainly because they have other settings to control the featured image. You have to be on the Posts or Pages panel for the right Screen Options panel to appear. body a.novashare-ctt{display:block;background:#00abf0;margin:30px auto;padding:20px 20px 20px 15px;color:#fff;text-decoration:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none;border-left:5px solid #00abf0}body a.novashare-ctt:hover{color:#fff;border-left:5px solid #008cc4}body a.novashare-ctt:visited{color:#fff}body a.novashare-ctt *{pointer-events:none}body a.novashare-ctt .novashare-ctt-tweet{display:block;font-size:18px;line-height:27px;margin-bottom:10px}body a.novashare-ctt .novashare-ctt-cta-container{display:block;overflow:hidden}body a.novashare-ctt .novashare-ctt-cta{float:right}body a.novashare-ctt.novashare-ctt-cta-left .novashare-ctt-cta{float:left}body a.novashare-ctt .novashare-ctt-cta-text{font-size:16px;line-height:16px;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon{margin-left:10px;display:inline-block;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon svg{vertical-align:middle;height:18px}body a.novashare-ctt.novashare-ctt-simple{background:0 0;padding:10px 0 10px 20px;color:inherit}body a.novashare-ctt.novashare-ctt-simple-alt{background:#f9f9f9;padding:20px;color:#404040}body a.novashare-ctt.novashare-ctt-simple-alt:hover,body a.novashare-ctt.novashare-ctt-simple:hover{border-left:5px solid #008cc4}body a.novashare-ctt.novashare-ctt-simple .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple-alt .novashare-ctt-cta{color:#00abf0}body a.novashare-ctt.novashare-ctt-simple-alt:hover .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple:hover .novashare-ctt-cta{color:#008cc4}WordPress featured images not showing properly on your site? Images in my header seem to be spontaneously not showing in my headers. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. Scroll through the list of pages to locate the one you assigned as the Homepage. Click on the Featured Image panel to open its settings. Again, Kinsta bans many Open Graph plugins, including this one. It is working fine for mobile and tablet. The solution often involves going to the theme settings and locating the featured images custom area. After all, its difficult to shrink, resize, and crop every image manually you plan to upload. This means you can upload several featured images and choose which one of them gets shown on different parts of your website. By default, WordPress offers a featured image for all posts and pages. Get a personalized demo of our powerful dashboard and hosting features. To remove that image block, click on the three-dot icon after selecting the image block. Click on the area where you want to place a header image. Problematic WordPress themes or plugins. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. Now that you have the featured images ready, get sharing! You have two options for grabbing URLs from your site. Incorrect references in image URLs. You can still maintain the quality of an image after compression, cropping, or resizing. I later deactivated the plugin, but that hasn't made a difference. You may have noticed how some popular blogs use images with text wrapped around them.