Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Images in my header seem to be spontaneously not showing in my headers. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. You can also do this with pages or click on the All Posts option if youre interested in adding a featured image to a previously generated post. We also recommend looking at the Image Dimensions. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. Header Image is Not Showing Up in Posts Because It's Not Placed in the Correct Location If your header image is not showing up in posts, it's likely because it's not located in the correct location. The image src is the full file path. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. You can search for specific keywords and set them as your featured images. 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. You should now see a thumbnail of that image for all posts that dont have featured images already uploaded. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. Your dashboard settings could have the featured image fields completely turned off. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! After all, its difficult to shrink, resize, and crop every image manually you plan to upload. I felt I should post it here for those having same issues. This should be empty, asking you to upload a featured image. Test a deployment on our modern App Hosting. You can go to Post > All Posts to review your list of articles. Simply having a header.php in your theme's folder will not output your header to the browser. Reactivate each plugin one-by-one. Click on the page specified as the Front Page. Did we miss anything important? Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. Configure WordPress Dashboard Settings 5. Another element of image optimization involves how those images will show up in the search engines. This way, youre able to copy and paste them easily into the Facebook Sharing Debugger Tool. Theres a long list of settings to mess around with, so its entirely up to you. You have to be on the Posts or Pages panel for the right Screen Options panel to appear. I don't understand why the image only works in . You can upload as many images as youd like while also choosing which featured image should display in certain areas and how big those images should be. 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. That means you cant simply take any photo and expect it to look great as a featured image. Skandha. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. I agree Pedro, I have never liked working Gutenberg editor, It has a way of messing things up. By default, this featured should be enabled, but its possible you turned it off at some point. You may have a lot of old posts that dont generate featured images when shared on Facebook. there is no Featured Image section in there at all. 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. You can search for the Cover block or scroll through the library to find it. We recommend solutions like Optimoleand Imagify. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. The new dimensions are also listed on the right side of the pop-up window. 3. Choose Preferences from the bottom of the menu that appears. We dont recommend trying to enlarge an image as itll only make it blurry. This is due to a wide variety of reasons. Depending on your theme settings and various other factors, like certain plugins that change image settings, the featured image should appear first in your published blog post. Its usually located at the top of the post or page. it's not working. After the plugin is installed and activated, go to Featured Images > Bulk Edit. To remove the header, check the top box called disable primary header and update the page. What if the featured image isnt the right one, or you do not see an image at all? The whole point of a featured image is to serve as a visual introduction to the article, much like a title, and the first paragraph of an article provides previews to the reader of what they can expect to read. The Featured Image column should now appear in your list of posts or pages. The wrong featured image is showing up on Facebook. 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. Feel free to go back and choose more images if you missed any. To check, go to the WordPress post or page editor in question. You can still maintain the quality of an image after compression, cropping, or resizing. You can check out the additional-features available in the theme. 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. Talk with our experts by launching a chat in the MyKinsta dashboard. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. Keep in mind that the initial Select page in the Quick Featured Images plugin offers a wide range of actions to take with your featured images. Its also a good idea to make adjustments to child themes instead of the core WordPress files. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. Make sure the area that says Your homepage displays is set to A Static page. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. 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. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. You may see a simple list of links, along with descriptions from those posts. Select the General tab and locate the Description Settings section. Each social network has its own display for shared content, but Facebook is a solid starting point considering its the most popular one. You would select those images later and swap every single one of them out in place of the new one. All of them allow you to adjust or get rid of the current featured image. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. Because of this, a cover image is part of the post or page itself, and not separated like a featured image. 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. Another simple yet common mistake made by WordPress users is to implement a cover image for a post or page and assume it works like a featured image. Make sure thats checked off to reveal the Featured Image option in your posts and pages. We covered this solution already in the previous section, yet it fits well in the best practices, too. Tell us about your website or project. Thats the main reason you would take advantage of this plugin. 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? We recommend checking boxes for the Title, URL, and Description. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. A theme or plugin usually defines it. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. This step involves choosing the image youd like to have shown as the new featured image for a few of your current posts or pages. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. We recommend taking a look at his guide to walk you through those steps in detail. Disable Lazy Loading 4. Click the Preview Filtering button to see which bulk replacements will occur. We recommend you follow these steps to ensure youre doing it the right way. 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. 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. Click on the area where you want to place a header image. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. Once everything is configured, hit the Publish button. Note: Many website owners use third-party gallery or post listing plugins to make this happen. As you can see, a different image appears in the Featured Image section. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. Try to set the images as featured images for the Posts and the pages. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. Note the exact issue, like if the image isnt uploading. Go to Posts > Add New to create a new blog post. If the featured image fails, you know which plugin is causing the problem. Whether youre overriding existing featured images or trying to fix ones that werent existent in the first place, the Quick Featured Images plugin does the trick for all of that. Rather, quickly explain whats in the picture and potentially add the keyword to boost your rankings. The Pexels collection isnt much different from your Media Library, except you have the luxury of finding beautiful photos without having to take them yourself. Do the same for footer.php to get the footer. The most important option right now is the Include Image field. A Cover block, in contrast, is housed in the Gutenberg Block Library, which is accessible by clicking on an Add Block button in the editor. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. Overall, the Default Featured Image plugin has some simple tools for adding a default featured image with a buttons click. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. 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.. 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. That means therere no settings to look at or change before it working its magic. WordPress added the Cover block to its Gutenberg editor only recently. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. Again, check to see if the featured images are showing up after all plugins are deactivated. Scroll down to the area called Image Settings. It also helps break up the monotony of text and adds life to your content. Click the Edit Image link to proceed with the edit. 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. Alternatively, you may find yourself in the older version of the WordPress editor. 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. The featured image may not be in the right place inside the page or post template. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. So after a serious research, I realized that, I need to export both post and media as well. All selected images appear as thumbnail previews in the plugins dashboard. Once everything looks good and youve decided that those old featured images are ready to be replaced, click the Apply button to finish the bulk edit. Hence, many hosts, and WordPress itself, define a maximum upload file size. I don't think I've changed anything in setting to cause this. However, you also want to stick to a consistent theme. You may have to switch it from Page to Block. 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. Thats a sure-fire way to eliminating legal problems. If the goal is to have no featured image, you can remove it altogether. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. Its also possible to generate featured images based on post authors, tags, and post types. Instead, it detects the posts that lack featured images and sets a default featured image for them.