Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. If the featured image fails, you know which plugin is causing the problem. 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. We covered this solution already in the previous section, yet it fits well in the best practices, too. Besides, the featured images for each post should be shown above the post title and link. Tell us about your website or project. Scaling a photo up is a big no-no. Make sure to get this agreement in writing (email works too). If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. Featured images often carry the weight of your websites visual appeal. Checks whether a header image is set or not. Click the Preview Filtering button to see which bulk replacements will occur. It also provides a clean preview of what you can expect to see if you were to paste or share that URL on Facebook. 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. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. For instance, all of your featured images could have a black and white filter. 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. It takes every URL on your site and exports them into a simple document. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. For instance, if your article has tips on using Instagram, the featured image better have elements that reference Instagram (legal ones, of course), along with creative items that make the article look appealing. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. Returning back to the original page, the image suddenly shows up. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. 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. We would assume the first image in a post is relevant to the topic, so theres no need to worry about a default featured image getting pulled from a file and duplicating the same image on several posts. 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. Now I just need to fix everything else on my website that I had turned off and messed around with while going slowly insane trying to trouble shoot a problem that was nothing to do with WordPress, themes or plugins GRRRRRRRR. 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. 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. Check out our guide here to learn more about the Facebook Debug Tool. After all, a theme or plugin could be causing the problem. Without automated featured images, youre left with blocks of text and links to webpages. You can go to Post > All Posts to review your list of articles. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. Its a must-read to speed up your WordPress site. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. With the OG plugin activated, you should now see the post information and the featured image in the preview. If youre having problems with the SEO plugins discussed above, or you simply dont plan on using an SEO plugin (and therefore, dont have access to a quick Open Graph activation button), there are a few other options to activate Open Graph. This way, the thumbnails remain proportional, and you dont see any unexpected cropping effects. Open your site in MyKinsta. The function get_header is used for calling a new header file. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. 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. I suggest you to upgrade to pro. As a test, lets visit a post that already has a featured image included with the article. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. For instance, you may want to pull the first image in your content and make it your featured image for a post. Another element of image optimization involves how those images will show up in the search engines. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. Simply having a header.php in your theme's folder will not output your header to the browser. For instance, you may want to revamp your homepage completely, and its easier to just make an entirely new page instead of editing the current one. The thumbnail images arent showing up as the right sizes. Here, select the Facebook tab. Hence, this issue is exclusive to those using it. This might be the root of your featured image problems. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. Honestly, I really dont like the Gutnberg editor. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. However, if you right click this rectangle and choose 'View image', the correct image is shown. It looks like only two of the images selected are actually stored as featured images in our posts. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. In this situation, you would randomly set multiple featured images for your posts based on photos you choose from the Media Library. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. Or maybe they include colorful animations while still representing whats in the posts. Lets take a look at the basic differences between cover and 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). Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. Reinstalled GP plug in. Replace featured images with the selected image. This could lead to a photo owner reaching out and asking you to remove many of your featured images, or worse, threatening legal action. The Add Block button looks like a + sign. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. Its also possible to locate all images on your WordPress site by going to the Media Library. We recommend checking boxes for the Title, URL, and Description. @chrissel: Hello there, I am afraid the option to display Header Images on all pages is only available in the pro version of the theme. If not, reactivate the plugins and move onto a different cause of the problem. Select the image you like, then click on the Choose Image button. Scroll down to the section called Document Settings. In this module, you can select multiple images from your Media Library. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. You may have a lot of old posts that dont generate featured images when shared on Facebook. Remove the selected image as the featured image. Though, it varies depending on your WordPress sites configuration, theme, and plugins. The only thing to do next is to review and publish the post. The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. 2 Answers. Click the Choose Image button to proceed. Even if they tell you that the image is too big, how do you move on from there? Not all themes have the same featured image settings. Considering you should be uploading high-resolution images as featured images, it makes sense to automate optimization. This brings you to the settings required to activate the Open Graph protocol and calibrate which content elements youd like to see when your posts and pages get shared to social media sites. As a quick reminder, you can turn any WordPress page into the homepage by going to Settings > Reading in the dashboard. This selects the entire block and reveals settings for that block in the right-side panel. Be sure to click the Save Changes button to activate the default featured image on your site. Its also possible to generate featured images based on post authors, tags, and post types. We suggest running a test to see if the featured images actually show on Facebook or not. Its also a good idea to make adjustments to child themes instead of the core WordPress files. there is no Featured Image section in there at all. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. By default, this featured should be enabled, but its possible you turned it off at some point. But thats fine, as we all start learning somewhere. Youll typically see this happens on post lists or at the top of a page or post, resulting in two of the same photos stacked on top of each other. Both can be accessed and implemented by going to the Posts or Pages menus and creating a new item or visiting an old page or post. Its possible that your current user role doesnt allow you to upload or view featured images. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. 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. This is particularly important if youre highlighting your recent posts on the homepage. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. You can troubleshoot a featured image not showing up or edit each featured image manually. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. Click on the Select Default Featured Image button. You can also do this with pages or click on the All Posts option if you're interested in adding a featured image to a previously generated post. Hello! The image src is the full file path. Whats more, several settings are now available to make the featured images look professional. My Header media is not showing on my homepage on desktop view. The max height shouldnt matter as much since your featured images shouldnt be that tall. 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. But what if the featured images arent showing on the blog page? To begin the process of bulk editing featured images, scroll down on the page. Now, go to Settings > Open Graph and Twitter Card Tags. We dont recommend trying to enlarge an image as itll only make it blurry. 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. You can type in custom width and height, or decide on a percentage, so that the tool automatically changes the size of all featured images based on the percentage given. All you have to do is paste the post link into the Facebook status field (you can also do this on personal or business pages) and wait to see if the post content gets rendered, along with the featured image. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. It promises to make the featured image upload process a little easier for website owners. You have two options for grabbing URLs from your site. 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. Update: finally used WordPress reset plugin and cleared everything out. Start your free trial today. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy, including the transfer of data to the United States. Theyre all telling you that Facebook is either having trouble accessing the Open Graph data from your website, or theres no Open Graph data, to begin with. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. The Large Size often dictates the featured image dimensions when shown at the top of a post or page. We have an excellent guide on optimizing your WordPress images. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. You should avoid stuffing keywords just because you want to. To add content to your homepage, and to adjust the settings for the blog feed on that page, go to Pages > All Pages in the dashboard. For example, you might complete an action with multiple pages. 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. Overall, the best way to activate the Open Graph protocol for properly sharing content and featured images on social media is by installing a plugin like Yoast SEO or OG. For free, a fee, or with attribution. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. You may only need a basic photo thats relevant to your website on those pages. You can now go to Posts > All Posts in your dashboard to view the posts in a list and make sure the featured images truly got replaced in the posts. Go to Appearance Editor. 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. We recommend solutions like Optimoleand Imagify. We recommend you follow these steps to ensure youre doing it the right way. To begin, install and activate the OG plugin on your WordPress site. The reason it shows on that page is because the header image has white areas on the left and right. 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.