2 Answers. Even if they tell you that the image is too big, how do you move on from there? In the Preferences overlay, click on Panels on the left. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. Youve noticed something wrong with one, or all, of your featured images. Many image optimization plugins offer lazy loading functionality as an add-on. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. You also agree to receive information from Kinsta related to our services, events, and promotions. If you find a photo that you really love, reach out to the photographer or artist and ask if you can use their work on your website. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. The Preferences module includes a wide range of options for a document. Scaling a photo up is a big no-no. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. As an alternative, its often a better idea to leave the Crop Thumbnail box unchecked, so the Thumbnail dimensions are used as more of a guideline. Lets take a look at the basic differences between cover and featured images. Its possible that your current user role doesnt allow you to upload or view featured images. Getting back to the featured images, its not set by default to show featured images from blog posts when you put the Latest Posts block into a page. The plugin also has a wonderful native search engine that pulls from places like Google, Pixabay, and Unsplash. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. Upload the image here and click the Save button. Its gone! Click Upload to upload the image from your computer or click Select Media to choose an . Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. You would select those images later and swap every single one of them out in place of the new one. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. 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. Check out how this strategy can help get your blog get more traffic. 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. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. 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. If you switch it to the Thumbnail option, those images shrink slightly and usually become perfect squares. A column called Featured Image is supposed to appear after the Post Date. Returning back to the original page, the image suddenly shows up. All other image editing tools are located above the featured image preview. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. Click on the Select Default Featured Image button. Your latest posts should appear wherever you placed the block on your homepage. 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. Therefore, you may have to use custom code to customize the featured images appearance. We have an excellent guide on optimizing your WordPress images. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. This article shows you how you can fix WordPress featured images not showing properly on your website. Note: Many website owners use third-party gallery or post listing plugins to make this happen. This means you can upload several featured images and choose which one of them gets shown on different parts of your website. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Regardless of whether setting a proper alt text for images helps with SEO, you should do it anyway for accessibility reasons. Therefore, we recommend checking your themes support for featured images. 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. I don't think I've changed anything in setting to cause this. A theme or plugin usually defines it. Remove the selected image as the featured image. Clicking on that brings you directly to the WordPress Media Library. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. You may see a simple list of links, along with descriptions from those posts. Its not uncommon for brands to share a list of the most recent posts, yet a gallery or feed with just links may not attract as much attention. Its possible a theme changed this. Update: finally used WordPress reset plugin and cleared everything out. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. Theres also an Image Alignment setting to indicate if the images should slide to the right, center, or left. A featured image does not differ from other photos on your website. 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. 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. Twitter Cards are a little different than Facebook sharing modules, so you can go through these settings to make sure everything looks good. After all, a theme or plugin could be causing the problem. Yet, leaving your larger, high-resolution photos in their original formats will surely cause loading problems. 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. You can check out the additional-features available in the theme. As with most WordPress settings, these also tend to modify the way your featured images appear. Another way to see if this works is if you have any social sharing buttons on your website. 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. Go to Posts > Add New to create a new blog post. Featured images dont show up as thumbnails in your lists of posts and pages on the dashboard. The default featured image then populates inside the posts Featured Image module. 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. Incorrect permalink setup. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Make sure to get this agreement in writing (email works too). For instance, we added a Recent Posts feed on the homepage of our test site. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. Fix the HTTP Error When Uploading a Featured Image 2. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. Pay for photos on sites like Shutterstock and iStockPhoto. You have two options for grabbing URLs from your site. Its a must-read to speed up your WordPress site. 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. 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. If not, reactivate the plugins and move onto a different cause of the problem. 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. Go to Posts > Add New to create a new blog post. This column reveals the thumbnail version of that featured post to give you a quick idea of what will appear on the frontend of your site. Simple, Clean and Lightweight Responsive WordPress Themes . A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. We covered this solution already in the previous section, yet it fits well in the best practices, too. For free, a fee, or with attribution. Or maybe they include colorful animations while still representing whats in the posts. It is working fine for mobile and tablet. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. Thats a tremendous problem. This means that youve turned off a setting on your dashboard to reveal the Featured Images column. Each file/page calls the header.php and displays it. We suggest running a test to see if the featured images actually show on Facebook or not. For instance, you might consider including things like the Site Name and Post Title but not having the URL. Alternatively, you may find yourself in the older version of the WordPress editor. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. Think about using a default featured image plugin to fill in the blanks and list temporary or permanent featured images when you forget to do so. The Featured Image column should now appear in your list of posts or pages. Regardless, select an image, or multiple images, by holding down the Shift key while choosing the images, and click the Choose Images button to proceed. 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. Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. 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. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Note: You can upload WordPress featured images to posts and pages, but that basic rule expands once you start adding things like WooCommerce product pages and custom post types. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. Click the Preview Filtering button to see which bulk replacements will occur. The plugin works with posts and pages, including custom posts and WooCommerce products. The featured image field is missing when youre trying to edit or create a page or post. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. As always, we recommend backing up your WordPress site before making edits to the code. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. If youre still not having success with that, consider going to the Facebook Sharing Debugger to ensure Facebook knows how to crawl your website, as thats usually the problem if you already have the Open Graph protocol activated. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. Its also possible to generate featured images based on post authors, tags, and post types. February 22, 2022 at 2:36 am #300302. Youve figured out how to upload a featured image and completed your post content. Learn how to fix it once and for all Click to Tweet. Fill in the title, write paragraphs, and upload images to the article. We covered the Open Graph essentials in the section above. Click on Preferences to reveal a new pop-up window. You may have to switch it from Page to Block. 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. There are several reasons for images to disappear from WordPress. Images in my header seem to be spontaneously not showing in my headers. To adjust the location of a featured image, go to the page or post template being used. 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 The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. 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. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. 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. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. Now, go to Settings > Media in your WordPress dashboard. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Click the featured image thumbnail to access its various settings. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. However, if you use any other hosting provider, it may prove useful. Thats a problem, so follow the steps below to ensure your featured image is always ready to go for social sharing. You can also test this out for the other social networks like Twitter and Pinterest. Regardless, a WordPress featured image not showing up is both frustrating and concerning. After that, youre able to insert the new version of that image into a post, page, as a featured image, or wherever you want it to show on your site. This means that as you move the crop box, and it sticks to the aspect ratio. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. It also helps when your older posts dont have appropriate featured images. We recommend taking a look at his guide to walk you through those steps in detail. Go to its Post Settings panel and open the Featured Image section. Therefore, you have to check each plugin to see if they have this feature enabled on your site. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. We recommend only using a media hosting platform, or maybe another website host that you own yourself. Finding free images for personal and commercial is hard. You can fix it by following these instructions: In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. 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. Insert any content you want for the blog post. Click the Save & Activate button. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. By default, WordPress offers a featured image for all posts and pages. Follow these rules to ensure your featured images are legal: Its one thing to ensure all featured images are relevant to the posts theyre attached to. This is due to a wide variety of reasons. @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. At some point, you may realize that several old posts could use new featured images. Its also rather common to adjust the cover to fill the pages full width, making it even more effective to introduce an article or a separator between sections. We recommend you follow these steps to ensure youre doing it the right way. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Premium Responsive WordPress Themes with advanced functionality and awesome support. Kind Regards, Skandha. 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. We also recommend looking at the Image Dimensions. There are many ways to go about it, and well cover them all. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. 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. Once everything is configured, hit the Publish button. Many blind people are using the internet through screen readers. 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. For instance, you could type in a 2 x 1 aspect ratio. That means therere no settings to look at or change before it working its magic. Then scroll down through the settings. Scroll down to the section called Document Settings. Checks whether a header image is set or not. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. For this section, well show you how to activate the Open Graph markup with two of the most popular SEO plugins: AIO (All In One) SEO and Yoast SEO. You can search for specific keywords and set them as your featured images. Then well go deeper into other errors. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. This shows that youd like to have a customizable homepage with the ability to add and remove block elements through page builders like Gutenberg. Its also possible to locate all images on your WordPress site by going to the Media Library. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Featured images often carry the weight of your websites visual appeal. 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. This is particularly important if youre highlighting your recent posts on the homepage. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. Problematic WordPress themes or plugins. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. I have created several files/pages, such as; index.php, front-page.php, page-about.php and single.php for example. The following page explains which current featured images will be replaced by the future featured image you specified from before. It also works well with page builders like Gutenberg and Elementor. Thats because having four columns will require having much more space (and smaller images) than a block with two or three columns. 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. So after a serious research, I realized that, I need to export both post and media as well. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. If not, how do you go about fixing that problem? Theres a long list of settings to mess around with, so its entirely up to you. It does this by halting the loading of images on a page until they come into view on the screen. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. Set the selected image as the new featured image. The only thing to do next is to review and publish the post. it's not working. Where do you go from here? Select one of your blog posts that dont already have a featured image. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. Scroll to the bottom of the page to click on the Next button. Again, check to see if the featured images are showing up after all plugins are deactivated. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! The wrong featured image is showing up on Facebook. 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. If youre going with this route, we recommend an image compression plugin that automatically shrinks and optimizes all images uploaded to WordPress, such as Optimole or Imagify. However, the 1200 x 628 pixels suggestion is just a starting off point. It results in an image duplication issue like this: Obviously, you dont want this. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. We covered the Quick Featured Images plugin above in this article. Your theme layout does not support featured images. Without automated featured images, youre left with blocks of text and links to webpages. The Crop tool reveals a square within the preview thumbnail, asking you to click and drag the crop box so that it gets to the exact dimensions you desire. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Hi Tre, we guess that the Featured Image block has been turned off in your view. 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. Make sure its on the Block settings tab. No featured image complements the posts when sharing on Facebook. You can still maintain the quality of an image after compression, cropping, or resizing. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. The the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Best regards . Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. This tells us the plugin is doing its job by adding the default featured image to the right posts and leaving out the ones that already have featured images. You may have noticed how some popular blogs use images with text wrapped around them. Here, enable the Display featured image option. You can also configure settings to have a default Post Image Source, like pulling the first image from a post or going with the Featured Image. Choose Preferences from the bottom of the menu that appears. However, you still may see a vague error, as the following HTTP error. message. Deleted all plugins. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. This plugin seeks out all empty featured image fields and fills them in with the default option. As long as youre not making the image too small, you should still be able to offer a beautiful featured image. You should avoid stuffing keywords just because you want to. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. 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. You can go to Post > All Posts to review your list of articles. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. This code snippet is a reference to your featured image. 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. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. Here, youll see a Progress Bar at the top of the page. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. Theres a completely different section that handles the featured image. Such plugins may not be the best solution if they block the featured image from being shown on a Latest Posts list, or if they make the featured image load slowlythe featured image should load immediately for optimal user experience. 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. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. Therefore, we recommend using tools for cropping, compressing, and resizing before opting to increase your PHP memory limit. If a featured image isnt assigned to a post, it will show a blank space in its block instead. Now that you have the featured images ready, get sharing! 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. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. Scroll down to find a new field called Default Featured Image. The Ixion theme supports featured images on single Posts and Pages. 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. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. 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. By default, this featured should be enabled, but its possible you turned it off at some point. For instance, you may want to pull the first image in your content and make it your featured image for a post. 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.