The default featured image then populates inside the posts Featured Image module. To add the featured images, click on the Latest Posts block. Update: finally used WordPress reset plugin and cleared everything out. It's only on select pages though (front page and blog page). This is done by using the align feature. 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. The function get_header is used for calling a new header file. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. Featured images are wonderful, but you may find that youre unable to see a featured image for a post or page for one reason or another. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. I later deactivated the plugin, but that hasn't made a difference. Upload multiple photo sizes on a test post and mark down the dimensions of each one. But thats fine, as we all start learning somewhere. If the problem is solved, then it was an error stemming from an outdated plugin. Created new Home page. Upload the image here and click the Save button. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. Think about installing a plugin that resolves problems for featured images without you having to do much work. If a featured image isnt assigned to a post, it will show a blank space in its block instead. We also recommend looking at the Image Dimensions. As long as youre not making the image too small, you should still be able to offer a beautiful featured image. If not, how do you go about fixing that problem? Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. 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. You can search for specific keywords and set them as your featured images. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. If the problem isnt fixed, proceed to deactivate all plugins. Hence, many hosts, and WordPress itself, define a maximum upload file size. 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. 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. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. It is primarily used for replacing featured images in bulk. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. You can see that two of my posts now have a new featured image, and theyre the same 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. This helps speed up your featured image creation process while also helping your brand. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. Thats a problem, so follow the steps below to ensure your featured image is always ready to go for social sharing. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Visuals can be decisive in your content marketing plan. However, if you right click this rectangle and choose 'View image', the correct image is shown. Now, go to Settings > Open Graph and Twitter Card Tags. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Find the section called Featured image settings. I don't think I've changed anything in setting to cause this. We recommend reading our guide on WordPress user roles to ensure everyone on your team can access and view featured images at all times. This button has disappeared for me on WordPress. A lot! The problem prevents images from displaying on both the backend and frontend. 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. The first problem arises when you cant see the featured image thumbnails in your list of pages or posts. Check out how this strategy can help get your blog get more traffic. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. After entering the code, click the 'Save Changes' button. Test out the fields for the Number of Items and Columns to ensure your featured images are both presentable and appealing when they get published on the homepage. Here, youll see a button to Set Featured Image. Featured images break for various reasons, and its often on a case-by-case basis. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. Under there, youll find a field called Featured Image. Fix the Plugins or Themes 3. Honestly, I really dont like the Gutnberg editor. 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. Incorrect permalink setup. A featured image serves as the primary post or page image representing the entirety of that article when it gets shared or distributed elsewhere on your website or online. Legal information. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. It takes every URL on your site and exports them into a simple document. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. 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 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. On the way, you also learned tips to improve your image editing skills and workflows. For example, you might complete an action with multiple pages. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. Thats a sure-fire way to eliminating legal problems. You can also test this out for the other social networks like Twitter and Pinterest. You have the option to choose one and click the Set Featured Image button. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. Sometimes other settings override this, but its not a bad idea to mark down the dimensions to ensure you at least know the optimal width for a featured image. Again, the images from Pexels are free, but you must give a linked credit to the photographer, which is automatically inserted when using Pexels through WordPress. This way, youre not limiting your sites resources with too many large photos. Theyre vital to help your post or page move up the rankings. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. 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. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. For instance, all of your featured images could have a black and white filter. Instead, it detects the posts that lack featured images and sets a default featured image for them. 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. 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. You can fix it by following these instructions: For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Hello! Here are some general rules to follow before uploading your featured image: Another tactic for finding and setting the perfect featured image size is to visit the Media section of your WordPress dashboard. We recommend only using a media hosting platform, or maybe another website host that you own yourself. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. Sometimes, featured images for pages are completely blocked. has_header_image (): bool. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. 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. Problematic WordPress themes or plugins. You may discover that your theme does well with slightly wider or shorter featured images. 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. It eliminates a significant amount of manual upload work that could be waiting for you. However, if you use any other hosting provider, it may prove useful. Fill in the title, write paragraphs, and upload images to the article. Do the same for footer.php to get the footer. 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. It greatly benefits the website by turning what could very well be a dull website into something beautiful. Overall, the Default Featured Image plugin has some simple tools for adding a default featured image with a buttons click. 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. Test a deployment on our modern App Hosting. Lazy loading is preventing your featured image from showing. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. Go to Posts > Add New to create a new blog post. 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. Were most interested in the bulk editing tool for this tutorial. 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 Now, go to Settings > Media in your WordPress dashboard. Now its time to look at the content within that page to ensure the featured images show up the way they should. 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. Locate the Settings panel towards the right side of the page. Regardless of whether setting a proper alt text for images helps with SEO, you should do it anyway for accessibility reasons. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. 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. Click the Remove Block option at the very end of the list. 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. Incorrect references in image URLs. 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. 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. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. The featured image has its own section for uploading, away from the content editor. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. You may be having trouble uploading the featured image the right way. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. Avoid images that are way too large or small. 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. 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. there is no Featured Image section in there at all. You can insert a Cover block anywhere in a post or page, not just at the beginning. Therefore, you may have to use custom code to customize the featured images appearance. Its a must-read to speed up your WordPress site. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. You also have the option to Save the crop, even though its done for you. Then scroll down through the settings. Check to see if you can now upload and see your 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. Its important to test out how the Default Featured Image works on your site. Hi Tre, we guess that the Featured Image block has been turned off in your view. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. When seeking out a featured image, always consider starting with a larger, high-resolution photo. As you can see, a different image appears in the Featured Image section. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. Click on Preferences to reveal a new pop-up window. You never know when a human error may result in a featured image not being uploaded to your website. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. There are several steps you can take to mitigate the problems: Thats a simple three-step process, but theres much more detail behind fixing your featured images. It tells WordPress to display the featured image in the templates exact location. The good news is that all future posts without featured images will automatically add the default photo. 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. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. The Open Graph protocol is automatically activated for all WordPress posts and pages. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. 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. However, you still may see a vague error, as the following HTTP error. message. But didn't notice the header image was missing from the desktop view until today. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. 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. Disable Lazy Loading 4. Another element of image optimization involves how those images will show up in the search engines. But what if thats not the case? Make sure thats checked off to reveal the Featured Image option in your posts and pages. You may have a lot of old posts that dont generate featured images when shared on Facebook. This article shows you how you can fix WordPress featured images not showing properly on your website. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. This is due to a wide variety of reasons. The plugin works with posts and pages, including custom posts and WooCommerce products. For instance, you might consider including things like the Site Name and Post Title but not having the URL. You may see a simple list of links, along with descriptions from those posts. 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. 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. Click on the page specified as the Front Page. After that, feel free to drag it up or down on the homepage so that its located in the proper position. 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. Creating a website with stunning content to find that featured images dont show is both frustrating and potentially harmful to your brand. Click the Choose Image button to proceed. You may have to switch it from Page to Block. With the OG plugin activated, you should now see the post information and the featured image in the preview. 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. Added a featured image and it was finally appearing. You can reach out to your current hosting provider and ask them to expand the PHP limit. By default, this featured should be enabled, but its possible you turned it off at some point. There should be no image at the beginning of the post nowjust an image thumbnail preview in the Featured Image module. Just make sure its the right image and that the plugin is recognizing it. Once everything is configured, hit the Publish button. This setting controls the sizing of all featured images shown in the Latest Posts block. You may find that the theme coding doesnt support a featured image. Pay for photos on sites like Shutterstock and iStockPhoto. Your dashboard settings could have the featured image fields completely turned off. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. Kinsta and WordPress are registered trademarks. Scroll down to the area called Image Settings. Find and select the triple-dot icon () in the far right corner of the dashboard. When I exported post and media and imported on my new site everything was fine eventually. Relevance also comes into play when you manually insert an image for each featured image in an article. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. Reinstalled GP plug in. Its easy to grab a quick image that relates to the article just to save time. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. Make sure to get this agreement in writing (email works too). 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. Returning back to the original page, the image suddenly shows up. Explore our plans or talk to sales to find your best fit. It looks like only two of the images selected are actually stored as featured images in our posts. To check, go to the WordPress post or page editor in question. It also works well with page builders like Gutenberg and Elementor. However, you may find that the theme has removed featured images in the coding, and it doesnt have any additional tools to override the lack of featured images. All files/pages are in the root folder. I disabled it , proved it worked, then enabled it to test and noticed that when enabling it again, this time it had automatically added in the new websites into the exceptions list and now everything works again!! Its a good practice to know which photos look good on WordPress. As a test, lets visit a post that already has a featured image included with the article. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. If thats the case for you, youll have to consult with the plugins developer. 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. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. The the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. 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.