Some non-WordPress image editing tools you can use are GIMP, Photoshop Express, and Paint.NET. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. Also, make sure the width of the image is set to 1080px. You never know when a human error may result in a featured image not being uploaded to your website. It also works well with page builders like Gutenberg and Elementor. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. 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. For example, you might complete an action with multiple pages. WordPress permissions decide who can read, write, or edit website files. Your theme, or a plugin, has an error or is causing a conflict with your featured images working. 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. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. 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. February 22, 2022 at 2:36 am #300302. Thats because having four columns will require having much more space (and smaller images) than a block with two or three columns. 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. such as page.php, single.php, archive.php and so on. After that, feel free to drag it up or down on the homepage so that its located in the proper position. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. Choose Preferences from the bottom of the menu that appears. The good news is that all future posts without featured images will automatically add the default photo. Its settings are located in the WordPress Media Settings, but you have only one field you to fill out. Incorrect image URLs. But what if the featured images arent showing on the blog page? Though, it varies depending on your WordPress sites configuration, theme, and plugins. The max height shouldnt matter as much since your featured images shouldnt be that tall. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. For the AIOSEO plugin, navigate to the All in One SEO menu and click on the Social Networks tab. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Another way to see if this works is if you have any social sharing buttons on your website. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. One way to ensure your featured image field is never empty is to set a default featured image for all posts. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. Many blind people are using the internet through screen readers. Its gone! It is working fine for mobile and tablet. 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. Click on the Cover block to insert it into your post or page. Select the General tab and locate the Description Settings section. This selects the entire block and reveals settings for that block in the right-side panel. If the featured images now work, one of your plugins was the issue. The following screenshot shows a post working well on Facebook since it includes a summary of the post content, with a link, the title, and the featured image. Talk with our experts by launching a chat in the MyKinsta dashboard. It takes every URL on your site and exports them into a simple document. 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. This turns on the featured images for all the latest posts being pulled. body a.novashare-ctt{display:block;background:#00abf0;margin:30px auto;padding:20px 20px 20px 15px;color:#fff;text-decoration:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none;border-left:5px solid #00abf0}body a.novashare-ctt:hover{color:#fff;border-left:5px solid #008cc4}body a.novashare-ctt:visited{color:#fff}body a.novashare-ctt *{pointer-events:none}body a.novashare-ctt .novashare-ctt-tweet{display:block;font-size:18px;line-height:27px;margin-bottom:10px}body a.novashare-ctt .novashare-ctt-cta-container{display:block;overflow:hidden}body a.novashare-ctt .novashare-ctt-cta{float:right}body a.novashare-ctt.novashare-ctt-cta-left .novashare-ctt-cta{float:left}body a.novashare-ctt .novashare-ctt-cta-text{font-size:16px;line-height:16px;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon{margin-left:10px;display:inline-block;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon svg{vertical-align:middle;height:18px}body a.novashare-ctt.novashare-ctt-simple{background:0 0;padding:10px 0 10px 20px;color:inherit}body a.novashare-ctt.novashare-ctt-simple-alt{background:#f9f9f9;padding:20px;color:#404040}body a.novashare-ctt.novashare-ctt-simple-alt:hover,body a.novashare-ctt.novashare-ctt-simple:hover{border-left:5px solid #008cc4}body a.novashare-ctt.novashare-ctt-simple .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple-alt .novashare-ctt-cta{color:#00abf0}body a.novashare-ctt.novashare-ctt-simple-alt:hover .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple:hover .novashare-ctt-cta{color:#008cc4}WordPress featured images not showing properly on your site? 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. 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. 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. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. Whats more, several settings are now available to make the featured images look professional. There are several reasons for images to disappear from WordPress. There can be up to 3 different headers (and footers) in a document, or each Section of a document. Another element of image optimization involves how those images will show up in the search engines. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Featured images often carry the weight of your websites visual appeal. Start your free trial today. The featured image has its own section for uploading, away from the content editor. 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. Auto Featured Image even has a bulk featured image generation tool. Scroll down on that panel and open the Featured Image dropdown item. A featured image does not differ from other photos on your website. 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. 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. Skandha. Lets take a look at the basic differences between cover and featured images. Open the post or page in the editor. I felt I should post it here for those having same issues. If not, how do you go about fixing that problem? The featured image also appears in the embeds when a post or page is shared on social media sites. In those cases, you may go with the first or third options. This article shows you how you can fix WordPress featured images not showing properly on your website. Theres a completely different section that handles the 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. The Add Block button looks like a + sign. Thats what we were trying to accomplish. Thats how it should be if you want the functionality of a featured image with no duplication! Make sure the area that says Your homepage displays is set to A Static page. Unfortunately, an image with malware or a virus is already compromised. Now, go to Settings > Open Graph and Twitter Card Tags. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. 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. Fill in the title, write paragraphs, and upload images to the article. We recommend solutions like Optimoleand Imagify. 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. 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. 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. One of the last areas to consider for the Featured Image section (in the Latest Posts block) is the number of items you show in the block and how many columns make up the block. My Header media is not showing on my homepage on desktop view. I suggest you to upgrade to pro. If not, reactivate the plugins and move onto a different cause of the problem. Avoid images that are way too large or small. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. This is done by using the align feature. It could be a good thing but it downgrades the development experience. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. Note: Youre always able to come in here and change the static homepage. Try to set the images as featured images for the Posts and the pages. Once everything is configured, hit the Publish button. Find and select the triple-dot icon () in the far right corner of the dashboard. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. There are many ways to go about it, and well cover them all. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document.