All other image editing tools are located above the featured image preview. Its possible that your current user role doesnt allow you to upload or view featured images. Its easy to grab a quick image that relates to the article just to save time. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. You can search for the Cover block or scroll through the library to find it. If not, reactivate the plugins and move onto a different cause of the problem. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. 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. Also, I believe the classic editor should be a matter of choice instead of another plugin to install. Again, check to see if the featured images are showing up after all plugins are deactivated. Note: Youre always able to come in here and change the static homepage. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. After that, feel free to drag it up or down on the homepage so that its located in the proper position. 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. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. We dont recommend trying to enlarge an image as itll only make it blurry. 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. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. A theme or plugin usually defines it. It often presents useful information in the form of a photograph or graphic image, granting the user a sneak peek into the information behind that link. Also, make sure the width of the image is set to 1080px. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. 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. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. This is done by using the align feature. 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. Hello! Your latest posts should appear wherever you placed the block on your homepage. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. Returning back to the original page, the image suddenly shows up. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. Youll see this image get populated in the dashboard. Overall, its best to opt for a plugin that optimizes your images on a third-party server. We particularly like its ability to set rules for your past and future featured images. All selected images appear as thumbnail previews in the plugins dashboard. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). No featured image complements the posts when sharing on Facebook. I later deactivated the plugin, but that hasn't made a difference. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. It greatly benefits the website by turning what could very well be a dull website into something beautiful. 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. Youve noticed something wrong with one, or all, of your featured images. To begin the process of bulk editing featured images, scroll down on the page. The thumbnail images arent showing up as the right sizes. These best practices cover everything from design recommendations to uploading tactics, enabling you to feel confident about all featured images while also cutting down on the amount of time you spend with featured images. Click the Choose Image 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. Where do you go from here? If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. Although not all featured image correction plugins complete the same tasks, there are a few that we recommend looking into before trying any drastic changes with your website. 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. You have two options for grabbing URLs from your site. Set the selected image as the new featured image. For instance, you could add or remove items like tags, categories, and the author. Regardless, a WordPress featured image not showing up is both frustrating and concerning. But what if those thumbnail images are nowhere to be found? Fix the Plugins or Themes 3. 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. Click the + Block Inserter icon to add a new block. Added a featured image and it was finally appearing. Next, enter the custom code in the 'Header' section. Here, we want to make sure the checkbox for the Featured Image is checked. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. When I exported post and media and imported on my new site everything was fine eventually. To check, go to the WordPress post or page editor in question. 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. You can find the Featured Image in the right-side Settings panel for all posts and pages. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Auto Featured Image even has a bulk featured image generation tool. Scroll down on that panel and open the Featured Image dropdown item. Sometimes, featured images for pages are completely blocked. But what if thats not the case? This way, youre not limiting your sites resources with too many large photos. On the way, you also learned tips to improve your image editing skills and workflows. For instance, you may want to pull the first image in your content and make it your featured image for a post. Thats how it should be if you want the functionality of a featured image with no duplication! 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. 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. The most common ones are: Incorrect home and site URL. Going with the Media Library reveals whatever images youve already uploaded to WordPress. So after a serious research, I realized that, I need to export both post and media as well. Talk with our experts by launching a chat in the MyKinsta dashboard. I don't understand why the image only works in . Clicking on that brings you directly to the WordPress Media Library. 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. Try to set the images as featured images for the Posts and the pages. In this module, you can select multiple images from your Media Library. Think about installing a plugin that resolves problems for featured images without you having to do much work. Allow Featured Image for Viewing 6. Again, Kinsta bans many Open Graph plugins, including this one. You have to call the header too. Reactivate each plugin one-by-one. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. WordPress added the Cover block to its Gutenberg editor only recently. The Open Graph protocol is automatically activated for all WordPress posts and pages. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. 2 Answers. This is due to a wide variety of reasons. Therefore, you have to check each plugin to see if they have this feature enabled on your site. If the problem is solved, then it was an error stemming from an outdated plugin. This allows you to paste in up to 50 URLs and run the tool so that Facebook scraps their metadata properly again. Scaling a photo up is a big no-no. Kinsta and WordPress are registered trademarks. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. The reason it shows on that page is because the header image has white areas on the left and right. For instance, you could type in a 2 x 1 aspect ratio. Yet, even with those websites, youre usually asked to provide attribution for all photos (which is tough as featured images often dont allow captions). Upload multiple photo sizes on a test post and mark down the dimensions of each one. After youve located the potential culprit, turn off lazy loading, clear your site cache, and check if that resolves any issues you may have with your featured images. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. The featured image should quickly appear whenever someone wants to share one of your posts or pages on a social network. 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. 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. Its also a good idea to make adjustments to child themes instead of the core WordPress files. To begin, go to your WordPress dashboard. 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. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! Hi Tre, we guess that the Featured Image block has been turned off in your view. 3. Its also possible to generate featured images based on post authors, tags, and post types. Get all your applications, databases and WordPress sites online and under one roof. Begin by installing and activating the Default Featured Image plugin. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. Go to Appearance Editor. The last way to edit featured images in WordPress involves cropping the image but maintaining a certain aspect ratio. Feel free to go back and choose more images if you missed any. You may unsubscribe at any time by following the instructions in the communications received. You may only need a basic photo thats relevant to your website on those pages. Premium Responsive WordPress Themes with advanced functionality and awesome support. You can upload as many images as youd like while also choosing which featured image should display in certain areas and how big those images should be. Click on the Preferences menu (the three vertical dots at the top right). Next up, click on the Facebook Open Graph tab. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. This means that as you move the crop box, and it sticks to the aspect ratio. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. The Add Block button looks like a + sign. You can search for specific keywords and set them as your featured images. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. This article shows you how you can fix WordPress featured images not showing properly on your website. It should have a Front Page label next to it. It eliminates a significant amount of manual upload work that could be waiting for you. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. Its also common to see varying degrees of featured image problems. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. Theyre all telling you that Facebook is either having trouble accessing the Open Graph data from your website, or theres no Open Graph data, to begin with. You would usually find the featured image right below the title and above the first line. Find the section called Featured image settings. On the other hand, user roles dictate which areas of the WordPress dashboard and the frontend website are accessible to certain people. Besides, the featured images for each post should be shown above the post title and link. 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. Checks whether a header image is set or not. Here, enable the Display featured image option. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. 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. 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. Best regards . The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. We covered the Quick Featured Images plugin above in this article. Problems with featured images stem from various problems. Scroll down to find a new field called Default Featured Image. 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. If the goal is to have no featured image, you can remove it altogether. The image src is the full file path. 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. 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. My Header media is not showing on my homepage on desktop view. The only thing to do next is to review and publish the post. It also provides a clean preview of what you can expect to see if you were to paste or share that URL on Facebook. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. An odd page header\footer. Or they simply arent updated, leading to all sorts of conflicts. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. It results in an image duplication issue like this: Obviously, you dont want this. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. Kind Regards, Skandha. Did we miss anything important? Each file/page calls the header.php and displays it. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. Its settings are located in the WordPress Media Settings, but you have only one field you to fill out. Legal information. You should avoid stuffing keywords just because you want to. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account Configure WordPress Dashboard Settings 5. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. 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. With the OG plugin activated, you should now see the post information and the featured image in the preview. 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. By default, this featured should be enabled, but its possible you turned it off at some point. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. After the plugin is installed and activated, go to Featured Images > Bulk Edit. Another way to see if this works is if you have any social sharing buttons on your website. Several images are pulled from the post, but you must choose which one you want to use. Scroll down the list of settings to locate the Preferences option. There should be no image at the beginning of the post nowjust an image thumbnail preview in the Featured Image module. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Check out our guide here to learn more about the Facebook Debug Tool. Not only that, but its essential to realize that featured images display differently when compared to a regular photo uploaded to a post or page. Skandha. Regardless, all of these errors are frustrating and confusing for users. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. 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. But didn't notice the header image was missing from the desktop view until today. To add the featured images, click on the Latest Posts block. It tells WordPress to display the featured image in the templates exact location. After all, a theme or plugin could be causing the problem. 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. Avoid images that are way too large or small. Stick with landscape sizes over portrait photos. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. You can check out the additional-features available in the theme. Go to its Post Settings panel and open the Featured Image section. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. 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. As you can see, the two posts shown from before had their featured images swapped out by the one I had wanted. Scroll through the list of pages to locate the one you assigned as the Homepage. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. It could be a good thing but it downgrades the development experience. 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. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. Problematic WordPress themes or plugins. 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. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. 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. The image is showing on pages that use a different header. Then scroll down through the settings. 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.