The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. To adjust the location of a featured image, go to the page or post template being used. 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. 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. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. In the Preferences overlay, click on Panels on the left. Auto Featured Image even has a bulk featured image generation tool. Hit the Enter key to activate the crop and see the result in the preview. Click on the Featured Image panel to open its settings. 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. Hence, many hosts, and WordPress itself, define a maximum upload file size. 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. Youve noticed something wrong with one, or all, of your featured images. 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 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. For instance, we added a Recent Posts feed on the homepage of our test site. The most common ones are: Incorrect home and site URL. 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. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. For more details, you can see our guide on how to add header and footer code in WordPress. Check out how this strategy can help get your blog get more traffic. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. Images in my header seem to be spontaneously not showing in my headers. This button has disappeared for me on WordPress. However, if you right click this rectangle and choose 'View image', the correct image is shown. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). We often encounter people who want that featured image and simply thought that the content editor was the place to put 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. 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. You must host the image in a third-party location and ensure that it will be hosted there for the future. Its used to show the start of a new section or an article. Next up, click on the Facebook Open Graph tab. Kinsta and WordPress are registered trademarks. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Therefore, you have to check each plugin to see if they have this feature enabled on your site. You have the option to crop the featured image thumbnail to the exact dimensions. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. In those cases, you may go with the first or third options. It also works well with page builders like Gutenberg and Elementor. Rather, quickly explain whats in the picture and potentially add the keyword to boost your rankings. For the AIOSEO plugin, navigate to the All in One SEO menu and click on the Social Networks tab. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. It could be a good thing but it downgrades the development experience. The thumbnail images arent showing up as the right sizes. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. Again, check to see if the featured images are showing up after all plugins are deactivated. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. With your position I solved a problem that lasted for months. 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. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. The image is showing on pages that use a different header. The image src is the full file path. This way, youre not limiting your sites resources with too many large photos. Many blind people are using the internet through screen readers. Click the Edit Image link to proceed with the edit. The Open Graph protocol is automatically activated for all WordPress posts and pages. Unfortunately, you discover that the featured image doesnt look quite as nice as you had hoped it would. The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. 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. 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. To begin, go to your WordPress dashboard. Click on the area where you want to place a header image. Thats what we were trying to accomplish. This isnt a rule, but its also common to see issues with featured images when some plugins have access to your media library or alter all images functionality. Click on the Cover block to insert it into your post or page. Scroll down on that panel and open the Featured Image dropdown item. I suggest you to upgrade to pro. If not, reactivate the plugins and move onto a different cause of the problem. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. You also have the option to Save the crop, even though its done for you. Legal information. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. You can reach out to your current hosting provider and ask them to expand the PHP limit. Its separate from the main content. 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. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. Test a deployment on our modern App Hosting. 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. A big part of making sure featured images look right is to understand the best practices before uploading them to your WordPress site. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. It looks like only two of the images selected are actually stored as featured images in our posts. Therefore, we recommend checking your themes support for featured images. My Header media is not showing on my homepage on desktop view. 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. Alternatively, you may find yourself in the older version of the WordPress editor. 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 turns on the featured images for all the latest posts being pulled. Pay for photos on sites like Shutterstock and iStockPhoto. If the problem isnt fixed, proceed to deactivate all plugins. 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. The Crop tool reveals a square within the preview thumbnail, asking you to click and drag the crop box so that it gets to the exact dimensions you desire. 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. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. The next part is the most important element since it activates the featured images in the Latest Posts block. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. Along with activating the Open Graph for all social networking sites, this plugin has the added advantage of including Twitter tags to improve your Twitter sharing results. there is no Featured Image section in there at all. Where do you go from here? Thats a sure-fire way to eliminating legal problems. Every hosted image, including featured images, has metadata crawled by the search engines to figure out what your post or page is all about. Search for the Cover block and click to add it. 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. If the problem is solved, then it was an error stemming from an outdated plugin. 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. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Even if they tell you that the image is too big, how do you move on from there? There should be no image at the beginning of the post nowjust an image thumbnail preview in the Featured Image module. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. In the WordPress Customizer, click the Change button for the Active Theme Select the Twenty Fifteen theme or another theme you want to use that supports and displays a background image. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. You can troubleshoot a featured image not showing up or edit each featured image manually. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. Some non-WordPress image editing tools you can use are GIMP, Photoshop Express, and Paint.NET. Theres a completely different section that handles the featured image. You can upload a featured image to every post and page. To begin, go to your WordPress dashboard. Note: Many website owners use third-party gallery or post listing plugins to make this happen. Your latest posts should appear wherever you placed the block on your homepage. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. For instance, all of your featured images could have a black and white filter. February 22, 2022 at 2:36 am #300302. It is primarily used for replacing featured images in bulk. With the OG plugin activated, you should now see the post information and the featured image in the preview. Because of this, a cover image is part of the post or page itself, and not separated like a featured image. What if the featured image isnt the right one, or you do not see an image at all? We recommend you follow these steps to ensure youre doing it the right way. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. That means you cant simply take any photo and expect it to look great as a featured image. The following page explains which current featured images will be replaced by the future featured image you specified from before.