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. 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. it's not working. Its also possible that you would like to replace a certain category of post or page to all have the same featured image, whether thats a professionally designed image that indicates the article is for a tutorial or maybe for putting your logo a relevant image on all webpages. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. 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. 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. Featured images break for various reasons, and its often on a case-by-case basis. Set the selected image as the new featured image. 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. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. Locate the section titled Actions with a single image. Creating a website with stunning content to find that featured images dont show is both frustrating and potentially harmful to your brand. Incorrect permalink setup. This turns on the featured images for all the latest posts being pulled. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. Just make sure its the right image and that the plugin is recognizing it. There are many ways to go about it, and well cover them all. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? Do you have to have a certain plugin to have it show up? Some of WordPress built-in image editing features include: The Crop tool is usually the most important, so click on that to activate the edit module. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Therefore, you may have to use custom code to customize the featured images appearance. 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. Click on the Preferences menu (the three vertical dots at the top right). Participant. Fix the HTTP Error When Uploading a Featured Image 2. Here, select the Facebook tab. Added a featured image and it was finally appearing. For instance, you could add or remove items like tags, categories, and the author. Kinsta and WordPress are registered trademarks. Although there are limited simple solutions to remove suspicious coding, your best bet is to stick with photos you either purchase legally or take your own photos instead of pulling directly from Google (which is technically illegal anyway) or finding images from sketchy websites. If the featured image fails, you know which plugin is causing the problem. 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. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. Go to Appearance Editor. Tell us about your website or project. You would usually find the featured image right below the title and above the first line. If the problem isnt fixed, proceed to deactivate all plugins. Lets take a look at the basic differences between cover and featured images. Many of them provide tools for seeing previews of what shows up on Facebook and other social networks. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. This section is outputting a style with a .site-header background image with a relative url; and is overwriting whatever it outputed before with the conditional is_page() codes. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. However, you may have to update previously published posts for the default featured image to show up on those. 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. It uses a widget and shortcode, both of which ask which of the featured images youd like to display whenever implementing one of the tools. We recommend only using a media hosting platform, or maybe another website host that you own yourself. 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 Pexels collection isnt much different from your Media Library, except you have the luxury of finding beautiful photos without having to take them yourself. We covered this solution already in the previous section, yet it fits well in the best practices, too. If a featured image isnt assigned to a post, it will show a blank space in its block instead. This way, youre not limiting your sites resources with too many large photos. The Add Block button looks like a + sign. The following page explains which current featured images will be replaced by the future featured image you specified from before. However, the 1200 x 628 pixels suggestion is just a starting off point. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. 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 element of image optimization involves how those images will show up in the search engines. Hence, this issue is exclusive to those using it. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. It also works well with page builders like Gutenberg and Elementor. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. Make sure thats checked off to reveal the Featured Image option in your posts and pages. We recommend checking boxes for the Title, URL, and Description. 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. This is due to a wide variety of reasons. Here are some common reasons that lead to issues with featured images in the first place: A few errors are more common than others when uploading images to the Media Library in WordPress. Make sure the area that says Your homepage displays is set to A Static page. Many image optimization plugins offer lazy loading functionality as an add-on. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. Start your free trial today. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. 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 most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. It looks like only two of the images selected are actually stored as featured images in our posts. Its usually located at the top of the post or page. Whats more, several settings are now available to make the featured images look professional. This plugin seeks out all empty featured image fields and fills them in with the default option. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. 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. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. An image optimization plugin does much of the work for you, ensuring that your featured images actually show up and dont slow down your website. Because of this, a cover image is part of the post or page itself, and not separated like a featured image. Therefore, you have to check each plugin to see if they have this feature enabled on your site. But what if thats not the case? Sometimes, featured images for pages are completely blocked. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. One of the last areas to consider for the Featured Image section (in the Latest Posts block) is the number of items you show in the block and how many columns make up the block. The solution often involves going to the theme settings and locating the featured images custom area. To add the featured images, click on the Latest Posts block. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. This should be empty, asking you to upload a featured image. To begin, go to your WordPress dashboard. 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. The key to fixing this issue is ensuring your user roles and permissions are all set properly. My guess is your Head navigation is not called in header.php check you file page.php and see the lines following <?php get_header (); ?> if the lines below introduce header navigation either move them into header or copy them into same location in your single.php file Share Improve this answer Follow answered Nov 16, 2016 at 16:03 Artem Ankudovich Note: Many website owners use third-party gallery or post listing plugins to make this happen. The max height shouldnt matter as much since your featured images shouldnt be that tall. 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. Now its time to look at the content within that page to ensure the featured images show up the way they should. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. 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. Youve noticed something wrong with one, or all, of your featured images. It's only on select pages though (front page and blog page). Alternatively, you may find yourself in the older version of the WordPress editor. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. For more such image optimization tips and tricks, read our in-depth image optimization guide. 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. 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.. Disable Lazy Loading 4. Pay for photos on sites like Shutterstock and iStockPhoto. Overall, its best to opt for a plugin that optimizes your images on a third-party server. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. Best regards . Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. The featured image field is missing when youre trying to edit or create a page or post. Make sure the right featured image is selected in the Media Library. It is primarily used for replacing featured images in bulk. I have created several files/pages, such as; index.php, front-page.php, page-about.php and single.php for example. Its separate from the main content. Images in my header seem to be spontaneously not showing in my headers. All you have to do is click on the icon to insert it somewhere on the homepage. The Featured Image column should now appear in your list of posts or pages. Fill in the title, write paragraphs, and upload images to the article. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. There, below the disable section title, you can check all the boxes of the sections that you would like to remove. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. Click the Remove Block option at the very end of the list. The block is called Latest Posts. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. These are the general Media settings for your entire WordPress website. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. This selects the entire block and reveals settings for that block in the right-side panel. We also recommend looking at the Image Dimensions. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. The opportunities are plentiful with the Quick Featured Images plugin, so we suggest testing out the tools and seeing how you can bulk edit some of your older or non-functioning featured images to clean up the overall visual appeal of your website. 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. Its important to test out how the Default Featured Image works on your site. 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. The only time youll find that its okay to share an image on your website for free is when you pull from a website like Pexels or Unsplash. It is working fine for mobile and tablet. 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. Several images are pulled from the post, but you must choose which one you want to use. As always, we recommend backing up your WordPress site before making edits to the code. After you select an image, click the Set Default Featured Image button. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. If the featured images now work, one of your plugins was the issue. Unfortunately, an image with malware or a virus is already compromised. However, you still may see a vague error, as the following HTTP error. message. 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. Avoid images that are way too large or small. All of them allow you to adjust or get rid of the current featured image. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. Featured images often carry the weight of your websites visual appeal. But what if those thumbnail images are nowhere to be found? It could be a good thing but it downgrades the development experience. Also, I believe the classic editor should be a matter of choice instead of another plugin to install. Check out our guide here to learn more about the Facebook Debug Tool. The image is showing on pages that use a different header. 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. Still, its far easier to know the core approaches to featured images to minimize problems in the first place. You can also test this out for the other social networks like Twitter and Pinterest. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. The last page presents the bulk edit results, with details about the posts that now have new featured images. Your latest posts should appear wherever you placed the block on your homepage. That means you cant simply take any photo and expect it to look great as a featured image. Instead, it detects the posts that lack featured images and sets a default featured image for them. The Thumbnail size is the featured image shown in other parts of your website, outside of the post itself. There should be no image at the beginning of the post nowjust an image thumbnail preview in the Featured Image module. Theres a long list of settings to mess around with, so its entirely up to you.