Its also prudent to understand what types of photos work well as featured images, seeing how it may be the original photos causing the issues to begin with. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. You can upload a featured image to every post and page. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. 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. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. Make sure the area that says Your homepage displays is set to A Static page. WordPress added the Cover block to its Gutenberg editor only recently. The default featured image then populates inside the posts Featured Image module. These are the general Media settings for your entire WordPress website. Lazy loading is preventing your featured image from showing. Scroll down in the Block settings tab to view the options available. Thats because theres no need to activate an Open Graph plugin with Kinsta. There are several reasons for images to disappear from WordPress. February 22, 2022 at 2:36 am #300302. Be sure to Save the settings after youre done. However, keep in mind that an image uploaded to your blog posts content area doesnt have anything to do with the featured image, even if its the first photo you upload to that article. https://wordpress.org/plugins/unique-headers/ I think its work for you Share Improve this answer Follow answered Mar 22, 2019 at 4:32 Harsh Khare 509 1 3 13 I tried this as well and it didn't override the current theme's headers and didn't add anything unfortunately. 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. Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. Scroll down on that panel and open the Featured Image dropdown item. The Quick Featured Images plugin handles bulk editing for featured images along with a myriad of other functionalities, like adding a default featured image for all posts or setting presets for default featured images. I don't think I've changed anything in setting to cause this. has_header_image() | Function | WordPress Developer Resources Here, select the Facebook tab. A cover image provides a wide or full-width image section to add anywhere on the site. The image is showing on pages that use a different header. Find the section called Featured image settings. Therefore, we recommend checking your themes support for featured images. Or if the featured image fails to show up on social media, but its working fine on your website. Fix wordpress images missing after migration easily - Bobcares Click on Preferences to reveal a new pop-up window. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. Simply, the above code is informing WordPress that if someone opens the page, which is 'about' then WordPress will display a file called header-about.php if it is existing. Get all your applications, databases and WordPress sites online and under one roof. Another option is to take action with no selected image, like removing a featured image that repeats several times on multiple posts, or if you need to remove all featured images without existing image files. Reactivate each plugin one-by-one. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. 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? With your position I solved a problem that lasted for months. I later deactivated the plugin, but that hasn't made a difference. This setting controls the sizing of all featured images shown in the Latest Posts block. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. Once thats all said and done, click on the Debug button to process all URLs in the list and make it so that the featured images, and all other relevant post data, appear when shared on Facebook. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. First, you can do it from your WordPress site's dashboard via the Kinsta Cache tab in the left sidebar and the Clear cache button: How to clear Kinsta page cache in WordPress Dashboard Second, you can also clear your site's cache via your MyKinsta dashboard. 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. It also helps when your older posts dont have appropriate featured images. Finally, you should check the box to Include Image, as this is the only way Twitter grabs your featured image from a post or page. Just make sure its the right image and that the plugin is recognizing it. It should have a Front Page label next to it. The featured image is prone to human error, considering the page or post author must manually upload a featured image whenever creating a new webpage. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. 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. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. 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. 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. 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. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. 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. The next part is the most important element since it activates the featured images in the Latest Posts block. You have the option to choose one and click the Set Featured Image button. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. Remove the selected image as the featured image. There are many ways to go about it, and well cover them all. You have to be on the Posts or Pages panel for the right Screen Options panel to appear. We'll get back to you in one business day. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. For instance, all of your featured images could have a black and white filter. Make sure thats checked off to reveal the Featured Image option in your posts and pages. This is particularly important if youre highlighting your recent posts on the homepage. The Preferences module includes a wide range of options for a document. Or they simply arent updated, leading to all sorts of conflicts. We recommend only using a media hosting platform, or maybe another website host that you own yourself. For free, a fee, or with attribution. Not only that, but its essential to realize that featured images display differently when compared to a regular photo uploaded to a post or page. 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. When seeking out a featured image, always consider starting with a larger, high-resolution photo. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. But didn't notice the header image was missing from the desktop view until today. Therefore, you may have to use custom code to customize the featured images appearance. As you can see, a different image appears in the Featured Image section. Theyre vital to help your post or page move up the rankings. 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. We covered the Open Graph essentials in the section above. Again, in this tutorial, we named the page Homepage, but you may have something different. Its getting placed on a digital medium where the photos resolution doesnt necessarily have to be print-worthy to look good. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. To move forward and see the featured image in action, click the Publish button. In this module, you can select multiple images from your Media Library. That means you cant simply take any photo and expect it to look great as a featured image. Its important to test out how the Default Featured Image works on your site. Disable Lazy Loading 4. That means only those images will get replaced by the new image. Participant. The big question is whether or not the featured image for a post gets rendered properly when you share a link on Facebook. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. Luckily, as WordPress has evolved, the errors have become a little less ambiguous, making it somewhat easier to determine their cause. Thats a tremendous problem. 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. However, you still may see a vague error, as the following HTTP error. message. Image suddenly not appearing in header | WordPress.org Also, you may have to configure a specific theme setting so that featured images are populating for all posts.