Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. All you have to do is click on the icon to insert it somewhere on the homepage. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. Test a deployment on our modern App Hosting. 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. Its also possible to generate featured images based on post authors, tags, and post types. You can check out the additional-features available in the theme. In this module, you can select multiple images from your Media Library. Where do you go from here? This turns on the featured images for all the latest posts being pulled. Run your Node.js, Python, Go, PHP, Ruby, Java, and Scala apps, (or almost anything else if you use your own custom Dockerfiles), in three, easy steps! This plugin seeks out all empty featured image fields and fills them in with the default option. 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. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. The Add Block button looks like a + sign. Disable Lazy Loading 4. Best regards . Youve figured out how to upload a featured image and completed your post content. Its easy to grab a quick image that relates to the article just to save time. You also have the option to Save the crop, even though its done for you. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. 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. I felt I should post it here for those having same issues. Plugin Conflicts. Replace featured images with the selected image. Its usually located at the top of the post or page. Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. The Featured Image Settings are towards the bottom. To move forward and see the featured image in action, click the Publish button. Click on the Preferences menu (the three vertical dots at the top right). 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. You have the option to crop the featured image thumbnail to the exact dimensions. Theres a completely different section that handles the featured image. Open your site in MyKinsta. 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 Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. However, plugin conflicts are a different story. 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. If a featured image isnt assigned to a post, it will show a blank space in its block instead. You have two options for grabbing URLs from your site. Your theme layout does not support featured images. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. No featured image complements the posts when sharing on Facebook. This brings you to the settings required to activate the Open Graph protocol and calibrate which content elements youd like to see when your posts and pages get shared to social media sites. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Another simple yet common mistake made by WordPress users is to implement a cover image for a post or page and assume it works like a featured image. 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. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. Fix the HTTP Error When Uploading a Featured Image 2. A featured image does not differ from other photos on your website. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. Its a good practice to know which photos look good on WordPress. Be sure to Save the settings after youre done. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. 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. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? For instance, we added a Recent Posts feed on the homepage of our test site. Creating a website with stunning content to find that featured images dont show is both frustrating and potentially harmful to your brand. THANKS Feel free to go back and choose more images if you missed any. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. This brings up the Media Library, from where you can choose an image to serve as your Default Featured Image. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). 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. 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. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. 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. Your themes coding often structures the featured image location and formatting. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. For instance, you could add or remove items like tags, categories, and the author. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. Click on the area where you want to place a header image. You would usually find the featured image right below the title and above the first line. Go to Posts > Add New to create a new blog post. For instance, the last image in a long article doesnt necessarily have to load until the user scrolls down to the bottom of the page and gets to that image. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. Begin by installing and activating the Default Featured Image plugin. Its used to show the start of a new section or an article. Next up, click on the Facebook Open Graph tab. Even if they tell you that the image is too big, how do you move on from there? This means that as you move the crop box, and it sticks to the aspect ratio. Next, enter the custom code in the 'Header' section. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. Instead, it detects the posts that lack featured images and sets a default featured image for them. You may see a simple list of links, along with descriptions from those posts. Click the featured image thumbnail to access its various settings. Scroll down to the section called Document Settings. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. To begin, go to your WordPress dashboard. Find the section called Featured image settings. Both cover and featured images function in similar ways, providing large photos at the top of posts and pages, yet they have some differences. Another way to see if this works is if you have any social sharing buttons on your website. But thats fine, as we all start learning somewhere. 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. Again, Kinsta bans many Open Graph plugins, including this one. You can troubleshoot a featured image not showing up or edit each featured image manually. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. If the featured image fails, you know which plugin is causing the problem. Check out our guide here to learn more about the Facebook Debug Tool. An easy way to see if the Open Graph code is activated on your site is by utilizing an SEO plugin. It looks like only two of the images selected are actually stored as featured images in our posts. I have experienced similar issues, I exported my post from another website to another new site I am building when I tried importing, it didnt come with the featured images. To adjust the location of a featured image, go to the page or post template being used. An alternative is to install and activate a plugin like Export All URLs. Premium Responsive WordPress Themes with advanced functionality and awesome support. Its also possible to locate all images on your WordPress site by going to the Media Library. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. You can search for specific keywords and set them as your featured images. Simply having a header.php in your theme's folder will not output your header to the browser. For instance, you may want to pull the first image in your content and make it your featured image for a post. This tool scrapes any URL you want and tells you whether any errors occur with Facebook accessing the information. 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. For instance, you might consider including things like the Site Name and Post Title but not having the URL. Learn how to fix it once and for all Click to Tweet. 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. Search for the Cover block and click to add it. As with most WordPress settings, these also tend to modify the way your featured images appear. Youll typically see this happens on post lists or at the top of a page or post, resulting in two of the same photos stacked on top of each other. 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. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. Check out how this strategy can help get your blog get more traffic. Its also a good idea to make adjustments to child themes instead of the core WordPress files. In this situation, you would randomly set multiple featured images for your posts based on photos you choose from the Media Library. Depending on your theme settings and various other factors, like certain plugins that change image settings, the featured image should appear first in your published blog post. 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. For instance, you may want to revamp your homepage completely, and its easier to just make an entirely new page instead of editing the current one. If the problem isnt fixed, proceed to deactivate all plugins. 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. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. 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. 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. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. It results in an image duplication issue like this: Obviously, you dont want this. 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. I later deactivated the plugin, but that hasn't made a difference. The featured image is too small or too large. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. You can upload a featured image to every post and page. 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. Your latest posts should appear wherever you placed the block on your homepage. As a test, lets visit a post that already has a featured image included with the article. Start your free trial today. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. 3. Thats a tremendous problem. So after a serious research, I realized that, I need to export both post and media as well. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Click on the Cover block to insert it into your post or page. 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. By default, this featured should be enabled, but its possible you turned it off at some point. Kinsta and WordPress are registered trademarks. Scroll down the list of settings to locate the Preferences option. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. If not, then WordPress will render the default header file. A first page header\footer. 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.