Now its time to look at the content within that page to ensure the featured images show up the way they should. 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. If thats the case for you, youll have to consult with the plugins developer. For instance, all of your featured images could have a black and white filter. The only thing to do next is to review and publish the post. 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. Thats because theres no need to activate an Open Graph plugin with Kinsta. A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. If the goal is to have no featured image, you can remove it altogether. Fix the Plugins or Themes 3. You can still maintain the quality of an image after compression, cropping, or resizing. This means that as you move the crop box, and it sticks to the aspect ratio. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. That means only those images will get replaced by the new image. Twitter Cards are a little different than Facebook sharing modules, so you can go through these settings to make sure everything looks good. Its also prudent to understand what types of photos work well as featured images, seeing how it may be the original photos causing the issues to begin with. The plugin also has a wonderful native search engine that pulls from places like Google, Pixabay, and Unsplash. This brings up the Media Library, from where you can choose an image to serve as your Default Featured Image. Another specific Open Graph module from this plugin is for Twitter. Locate the section titled Actions with a single image. You can find the Featured Image in the right-side Settings panel for all posts and pages. Youll see this image get populated in the dashboard. This shows that youd like to have a customizable homepage with the ability to add and remove block elements through page builders like Gutenberg. For more such image optimization tips and tricks, read our in-depth image optimization guide. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. Featured images dont show up as thumbnails in your lists of posts and pages on the dashboard. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. It can also prevent people from sharing your work, considering its not all that appealing to share a blog post on Facebook that doesnt have a featured image. Go to Appearance Editor. Your theme layout does not support featured images. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. 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. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. Premium Responsive WordPress Themes with advanced functionality and awesome support. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. This turns on the featured images for all the latest posts being pulled. 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. Several tools are available in the Edit Image pop-up, but the most trusty of them is listed on the right side, and its titled New Dimensions. 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. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. I suggest you to upgrade to pro. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. 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. 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. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. A lot! Also, you may have to configure a specific theme setting so that featured images are populating for all posts. Regardless, all of these errors are frustrating and confusing for users. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. Now that you have the featured images ready, get sharing! Find the Add Open Graph Meta Data switch and make sure its set to Enabled. You should avoid stuffing keywords just because you want to. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. 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. I agree Pedro, I have never liked working Gutenberg editor, It has a way of messing things up. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. Theres a completely different section that handles the featured image. Keep in mind that the initial Select page in the Quick Featured Images plugin offers a wide range of actions to take with your featured images. 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. Its a must-read to speed up your WordPress site. The block is called Latest Posts. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. 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. 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. 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. WordPress added the Cover block to its Gutenberg editor only recently. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. After that, feel free to drag it up or down on the homepage so that its located in the proper position. Hence, many hosts, and WordPress itself, define a maximum upload file size. 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. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. Page header meta box says it's using my featured image. 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. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. 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!! The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. However, only the front-page.php file shows the image. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. Hi Tre, we guess that the Featured Image block has been turned off in your view. You can insert a Cover block anywhere in a post or page, not just at the beginning. I don't understand why the image only works in . 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. For more details, you can see our guide on how to add header and footer code in WordPress. Next up, click on the Facebook Open Graph tab. Feel free to go back and choose more images if you missed any. Several images are pulled from the post, but you must choose which one you want to use. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. This way, youre not limiting your sites resources with too many large photos. Select one of your blog posts that dont already have a featured image. To check, go to the WordPress post or page editor in question. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. Scroll through the list of pages to locate the one you assigned as the Homepage. Type in the new dimensions and click the Scale button. there is no Featured Image section in there at all. Its possible that your current user role doesnt allow you to upload or view featured images. The reason it shows on that page is because the header image has white areas on the left and right. Note the exact issue, like if the image isnt uploading. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. Open the Media Library in your WordPress dashboard Select the desired image Uncheck the box Protect this file in the attachment details Fix Images not Showing in Media Library You might suffer a nightmare when there are no images available in the WordPress Media Library. You can check out the additional-features available in the theme. But what if those thumbnail images are nowhere to be found? Problematic WordPress themes or plugins. Check out our guide here to learn more about the Facebook Debug Tool. But didn't notice the header image was missing from the desktop view until today. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. To begin the process of bulk editing featured images, scroll down on the page. It also provides a clean preview of what you can expect to see if you were to paste or share that URL on Facebook. Its usually located at the top of the post or page. You can fix it by following these instructions: Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. The featured image is prone to human error, considering the page or post author must manually upload a featured image whenever creating a new webpage. You may be having trouble uploading the featured image the right way. Stick with landscape sizes over portrait photos. This might be the root of your featured image problems. However, you still may see a vague error, as the following HTTP error. message. Relevance also comes into play when you manually insert an image for each featured image in an article. 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. This article shows you how you can fix WordPress featured images not showing properly on your website. Its used to show the start of a new section or an article. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. The thumbnail images arent showing up as the right sizes. This helps speed up your featured image creation process while also helping your brand. Legal information. 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. However, plugin conflicts are a different story. 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. 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. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. Regardless, a WordPress featured image not showing up is both frustrating and concerning. Scaling a photo up is a big no-no. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. Disable Lazy Loading 4. But thats fine, as we all start learning somewhere. 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. It tells WordPress to display the featured image in the templates exact location. There is a plug in or other theme option set which is changing the margin-left styling for .header-img. If the featured images now work, one of your plugins was the issue. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. Insert any content you want for the blog post. 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. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. This field is available on all WordPress posts and pages by going to the Post Settings panel on the right side of the article or page. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. 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. Images in my header seem to be spontaneously not showing in my headers. The image is showing on pages that use a different header. 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. 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. Try to set the images as featured images for the Posts and the pages. My Header media is not showing on my homepage on desktop view. Many image optimization plugins offer lazy loading functionality as an add-on. However, you may have to update previously published posts for the default featured image to show up on those. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. Thats how it should be if you want the functionality of a featured image with no duplication! I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! Featured images break for various reasons, and its often on a case-by-case basis. By default, this featured should be enabled, but its possible you turned it off at some point. As long as youre not making the image too small, you should still be able to offer a beautiful featured image. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. 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. Do you have to have a certain plugin to have it show up? 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. You have to call the header too. This setting controls the sizing of all featured images shown in the Latest Posts block. 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. Weve outlined both common and uncommon problems with featured images. We recommend you follow these steps to ensure youre doing it the right way. Configure WordPress Dashboard Settings 5. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. 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. 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. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. Go to Posts > Add New to create a new blog post. Another Screen Options dilemma comes into play when you do not see the actual field to upload and insert a Featured Image. A featured image does not differ from other photos on your website. Your dashboard settings could have the featured image fields completely turned off. It eliminates a significant amount of manual upload work that could be waiting for you. Its getting placed on a digital medium where the photos resolution doesnt necessarily have to be print-worthy to look good. Scroll down on that panel and open the Featured Image dropdown item. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. The screenshot below tells us that our featured image is showing up just fine. On the way, you also learned tips to improve your image editing skills and workflows. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. If not, how do you go about fixing that problem? You can go to Post > All Posts to review your list of articles. You are not familiar with PHP so you can use this plugin for the header image. Theyre vital to help your post or page move up the rankings. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Scroll down to the area called Image Settings. Your latest posts should appear wherever you placed the block on your homepage. Its also possible to locate all images on your WordPress site by going to the Media Library. THANKS This is particularly important if youre highlighting your recent posts on the homepage. Regardless, the best course of action is to follow these steps: An interesting thing about featured images is that some WordPress themes may not support them. You can also do this with pages or click on the All Posts option if you're interested in adding a featured image to a previously generated post. For simplicity, well stick to uploading featured images to regular WordPress posts and pages but if youre interested in learning more, heres a complete WooCommerce SEO guide that covers this & everything else, including Schema Markup up for your products and more. This plugin seeks out all empty featured image fields and fills them in with the default option. As a good rule of thumb: If you didnt take the photo yourself or pay for rights, you might not be able to use it. For instance, you could cut down each featured image to 25% of its original size. Its important to test out how the Default Featured Image works on your site. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. If you switch it to the Thumbnail option, those images shrink slightly and usually become perfect squares. @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. If the featured image fails, you know which plugin is causing the problem. Honestly, I really dont like the Gutnberg editor. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. In this module, you can select multiple images from your Media Library. The next part is the most important element since it activates the featured images in the Latest Posts block. You would usually find the featured image right below the title and above the first line. Click the + Block Inserter icon to add a new block. Finally, a cover image allows for its own unique customization options, like the ability to place overlaying text on top of the image or including a filter. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. 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. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. The featured image also appears in the embeds when a post or page is shared on social media sites. To adjust the location of a featured image, go to the page or post template being used. The new dimensions are also listed on the right side of the pop-up window. 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. 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. You have two options for grabbing URLs from your site. 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. Choose Preferences from the bottom of the menu that appears. Click on the Select Default Featured Image button. After all, a post shared on Facebook with no image wont gain much traction.