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. No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. 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. Easy setup and management in the MyKinsta dashboard, The best Google Cloud Platform hardware and network, powered by Kubernetes for maximum scalability, An enterprise-level Cloudflare integration for speed and security, Global audience reach with up to 35 data centers and 275 PoPs worldwide. Go to Posts > Add New to create a new blog post. You may have noticed how some popular blogs use images with text wrapped around them. The Auto Featured Image plugin provides a unique option for fixing featured image problems. Theres a long list of settings to mess around with, so its entirely up to you. After all, a post shared on Facebook with no image wont gain much traction. Upload the image here and click the Save button. You can insert a Cover block anywhere in a post or page, not just at the beginning. Next up, click on the Facebook Open Graph tab. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. 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. 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. Go to its Post Settings panel and open the Featured Image section. You can upload a featured image to every post and page. You are not familiar with PHP so you can use this plugin for the header image. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). However, we usually recommend clicking the Select Image button, as that provides a few extra choices for deciding on a source for the featured image. Here, select the Facebook tab. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. Going with the Media Library reveals whatever images youve already uploaded to WordPress. 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. If you find that its missing, follow the next few steps to activate it. Note the exact issue, like if the image isnt uploading. This button has disappeared for me on WordPress. Why does an image in "header.php" only display in one page? Finally, a cover image allows for its own unique customization options, like the ability to place overlaying text on top of the image or including a filter. Or they simply arent updated, leading to all sorts of conflicts. I suggest you to upgrade to pro. It greatly benefits the website by turning what could very well be a dull website into something beautiful. A column called Featured Image is supposed to appear after the Post Date. Be sure to Save the settings after youre done. Image suddenly not appearing in header | WordPress.org After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. 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. Its usually located at the top of the post or page. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. Click the featured image thumbnail to access its various settings. The reason it shows on that page is because the header image has white areas on the left and right. A theme or plugin usually defines it. However, you also want to stick to a consistent theme. Yet, we should all take our time when deciding on a featured image, seeing as how its the book cover of the post thatll get people to pick it up and read. Otherwise, you run the risk of someone deciding not to share the post at all, or your brand looking unprofessional when users do share any of your sites links. You may have a lot of old posts that dont generate featured images when shared on Facebook. Set the selected image as the new featured image. 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. How to Fix Common Image Issues in WordPress - WPBeginner 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. Problems with featured images stem from various problems. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. Finding free images for personal and commercial is hard. Themes and plugins are some of the more common reasons featured images fail or get blocked. Scroll down the list of settings to locate the Preferences option. We often encounter people who want that featured image and simply thought that the content editor was the place to put it. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. 2 Answers. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. For free, a fee, or with attribution. You have the option to choose one and click the Set Featured Image button. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. 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. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. 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. Thats what we were trying to accomplish. 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. 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. To begin, go to your WordPress dashboard. The most common ones are: Incorrect home and site URL. Do the same for footer.php to get the footer. WordPress permissions decide who can read, write, or edit website files. However, the 1200 x 628 pixels suggestion is just a starting off point. You can reach out to your current hosting provider and ask them to expand the PHP limit. 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 the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. Youll see this image get populated in the dashboard. You have two options for grabbing URLs from your site. The Open Graph protocol is automatically activated for all WordPress posts and pages. Disable Lazy Loading 4. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. 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. To check, go to the WordPress post or page editor in question. Post thumbnails are what featured images used to be called in WordPress from its early days. Go to Appearance Editor. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. In those cases, you may go with the first or third options. My Header media is not showing on my homepage on desktop view. You can also set featured images from more unique sources, like a book API or an ISBN, or even from a post title or search engine. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. The last page presents the bulk edit results, with details about the posts that now have new featured images. Switching it to Large or Medium adjusts the sizing of all featured images in the block and adds more of a landscape view depending on your featured images dimensions. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. Relevance also comes into play when you manually insert an image for each featured image in an article. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. Then scroll down through the settings. WordPress Featured Image Not Showing Properly (Or Not At All) - Kinsta If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. After all, its difficult to shrink, resize, and crop every image manually you plan to upload. One way to ensure your featured image field is never empty is to set a default featured image for all posts. Whats more, several settings are now available to make the featured images look professional. For instance, you could add or remove items like tags, categories, and the author. Next, enter the custom code in the 'Header' section. Regardless of whether setting a proper alt text for images helps with SEO, you should do it anyway for accessibility reasons. Weve outlined both common and uncommon problems with featured images. 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. All files/pages are in the root folder. Fix the HTTP Error When Uploading a Featured Image 2. Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. If the problem is solved, then it was an error stemming from an outdated plugin. WordPress Changes Not Showing? Here's How to Fix the Problem - Kinsta We recommend solutions like Optimoleand Imagify. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. Images in my header seem to be spontaneously not showing in my headers. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. Hello! This is particularly important if youre highlighting your recent posts on the homepage. 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. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. The featured image also appears in the embeds when a post or page is shared on social media sites. If the featured image fails, you know which plugin is causing the problem. A first page header\footer. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. This is done by using the align feature. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. You can troubleshoot a featured image not showing up or edit each featured image manually. If the goal is to have no featured image, you can remove it altogether. You can search for specific keywords and set them as your featured images. Now its time to look at the content within that page to ensure the featured images show up the way they should. Lets take a look at the basic differences between cover and featured images. Thats a tremendous problem. Locate the section titled Actions with a single image. 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. Click the Save & Activate button. 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. Incorrect references in image URLs. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. Where do you go from here? This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Thats a sure-fire way to eliminating legal problems. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. To move forward and see the featured image in action, click the Publish button. To begin, install and activate the OG plugin on your WordPress site. 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. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. Wrong file permission or ownership. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. Locate the Settings panel towards the right side of the page. For instance, you may simply want to remove all the old featured images or make sure that all new featured images are set as one specific image. It also works well with page builders like Gutenberg and Elementor. Regardless, a WordPress featured image not showing up is both frustrating and concerning. Therefore, we recommend checking your themes support for featured images. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. You also agree to receive information from Kinsta related to our services, events, and promotions. When I exported post and media and imported on my new site everything was fine eventually. Reinstalled GP plug in. Featured images often carry the weight of your websites visual appeal. WordPress makes it easier to align images to the left, right, or center. Select the image you like, then click on the Choose Image button. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. After all, a theme or plugin could be causing the problem. Thats a problem, so follow the steps below to ensure your featured image is always ready to go for social sharing. Its also common to see varying degrees of featured image problems. 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. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. 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. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. For instance, you could cut down each featured image to 25% of its original size. Then well go deeper into other errors. Get a personalized demo of our powerful dashboard and hosting features. Returning back to the original page, the image suddenly shows up. This field is available on all WordPress posts and pages by going to the Post Settings panel on the right side of the article or page. Header image not showing on homepage | WordPress.org 2023 Kinsta Inc. All rights reserved. Without automated featured images, youre left with blocks of text and links to webpages. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. 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. For example, you might complete an action with multiple pages. Itll avoid causing problems with your own server. A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. With your position I solved a problem that lasted for months. 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. 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. This tool scrapes any URL you want and tells you whether any errors occur with Facebook accessing the information. The Ixion theme supports featured images on single Posts and Pages. But what if thats not the case? Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. Finally, the featured image shows up automatically when you create a feed or gallery of your blog posts or other webpages. Youre better off using a plugin that can override the conflict than swapping out your entire theme and redesigning your website just to fix featured images. Again, in this tutorial, we named the page Homepage, but you may have something different. 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. Here, youll see a Progress Bar at the top of the page. 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. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. Click the Background Image section of the Customizer panel. You should avoid stuffing keywords just because you want to. But this is a reminder to ensure that your hosting provider either provides the tools needed to render featured images or find a plugin that activates the Open Graph protocol. You may only need a basic photo thats relevant to your website on those pages. After that, every time you drag the crop box, it will always keep to the 2 x 1 ratio, giving you less freedom to crop and ensuring your ratio remains consistent when creating featured images. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! For instance, you may notice that the featured image appears nicely on your own website, but it has trouble rendering when a post is shared to a social site like Facebook.