Reinstalled GP plug in. If a featured image isnt assigned to a post, it will show a blank space in its block instead. This could be just above your site's title and menu, for example. 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. This should be empty, asking you to upload a featured image. Find the section called Featured image settings. The Quick Featured Images plugin handles bulk editing for featured images along with a myriad of other functionalities, like adding a default featured image for all posts or setting presets for default featured images. Simply having a header.php in your theme's folder will not output your header to the browser. Its a must-read to speed up your WordPress site. Incorrect image URLs. 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. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. Such plugins may not be the best solution if they block the featured image from being shown on a Latest Posts list, or if they make the featured image load slowlythe featured image should load immediately for optimal user experience. Unfortunately, an image with malware or a virus is already compromised. Select one of your blog posts that dont already have a featured image. You may find that the theme coding doesnt support a featured image. 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. 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. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. The Auto Featured Image plugin provides a unique option for fixing featured image problems. Yet, we should all take our time when deciding on a featured image, seeing as how its the book cover of the post thatll get people to pick it up and read. But what if the featured images arent showing on the blog page? You can upload a featured image to every post and page. The screenshot below tells us that our featured image is showing up just fine. We recommend you follow these steps to ensure youre doing it the right way. We recommend solutions like Optimoleand Imagify. By default, this featured should be enabled, but its possible you turned it off at some point. Thats a sure-fire way to eliminating legal problems. This means that as you move the crop box, and it sticks to the aspect ratio. Clicking on that brings you directly to the WordPress Media Library. At some point, you may realize that several old posts could use new featured images. It also works well with page builders like Gutenberg and Elementor. Legal information. The image src is the full file path. Avoid images that are way too large or small. I always prefer the classic editor. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. The only thing to do next is to review and publish the post. 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. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. 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. Still, WordPress provides simple editing features which may prove easier for some users, or for those who want to edit featured images that have already been uploaded to WordPress. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. 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. An odd page header\footer. 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. It promises to make the featured image upload process a little easier for website owners. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. The Preferences module includes a wide range of options for a document. You should avoid stuffing keywords just because you want to. 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. If you find that its missing, follow the next few steps to activate it. As you can see, the two posts shown from before had their featured images swapped out by the one I had wanted. Though, it varies depending on your WordPress sites configuration, theme, and plugins. To remove the header, check the top box called disable primary header and update the page. There, below the disable section title, you can check all the boxes of the sections that you would like to remove. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. Auto Featured Image even has a bulk featured image generation tool. Click on Preferences to reveal a new pop-up window. You may unsubscribe at any time by following the instructions in the communications received. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. Sometimes, featured images for pages are completely blocked. This code snippet is a reference to your featured image. A theme or plugin usually defines it. Find the Add Open Graph Meta Data switch and make sure its set to Enabled. 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. Try to set the images as featured images for the Posts and the pages. It looks like only two of the images selected are actually stored as featured images in our posts. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. Incorrect references in image URLs. We covered this solution already in the previous section, yet it fits well in the best practices, too. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. Also, make sure the width of the image is set to 1080px. Click the featured image thumbnail to access its various settings. 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. 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. Problematic WordPress themes or plugins. However, only the front-page.php file shows the image. There are several reasons for images to disappear from WordPress. You may only need a basic photo thats relevant to your website on those pages. Images in my header seem to be spontaneously not showing in my headers. Hello! Hit the Enter key to activate the crop and see the result in the preview. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. This way, the thumbnails remain proportional, and you dont see any unexpected cropping effects. Click the Save & Activate button. 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. The max height shouldnt matter as much since your featured images shouldnt be that tall. You may have to switch it from Page to Block. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. Added a featured image and it was finally appearing. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. Explore our plans or talk to sales to find your best fit. Whether youre overriding existing featured images or trying to fix ones that werent existent in the first place, the Quick Featured Images plugin does the trick for all of that. I felt I should post it here for those having same issues. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. Its easy to grab a quick image that relates to the article just to save time. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. WordPress permissions decide who can read, write, or edit website files. Regardless, select an image, or multiple images, by holding down the Shift key while choosing the images, and click the Choose Images button to proceed. Deleted all plugins. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. There are many ways to go about it, and well cover them all. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! This article shows you how you can fix WordPress featured images not showing properly on your website. To begin, install and activate the OG plugin on your WordPress site. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. Did we miss anything important? Simple, Clean and Lightweight Responsive WordPress Themes . To move forward and see the featured image in action, click the Publish button. We recommend checking boxes for the Title, URL, and Description. You can also configure settings to have a default Post Image Source, like pulling the first image from a post or going with the Featured Image. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. Its also possible to generate featured images based on post authors, tags, and post types. Then well go deeper into other errors. For free, a fee, or with attribution. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. Click on the page specified as the Front Page. Get premium content from an award-winning cloud hosting platform. 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. All you have to do is click on the icon to insert it somewhere on the homepage. Upload multiple photo sizes on a test post and mark down the dimensions of each one. The .header-img is a common css class in WordPress themes. 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. 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. There are two solutions to this. 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!! Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. 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. This selects the entire block and reveals settings for that block in the right-side panel. Search for the Cover block and click to add it. Select the General tab and locate the Description Settings section. WordPress added the Cover block to its Gutenberg editor only recently. You may discover that your theme does well with slightly wider or shorter featured images. This turns on the featured images for all the latest posts being pulled. Check to see if you can now upload and see your featured images. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. Without automated featured images, youre left with blocks of text and links to webpages. For more details, you can see our guide on how to add header and footer code in WordPress. Your latest posts should appear wherever you placed the block on your homepage. Take a photo with your own camera. Be sure to click the Save Changes button to activate the default featured image on your site. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account My Header media is not showing on my homepage on desktop view. With the OG plugin activated, you should now see the post information and the featured image in the preview. If the problem isnt fixed, proceed to deactivate all plugins. Another element of image optimization involves how those images will show up in the search engines. 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. We dont recommend trying to enlarge an image as itll only make it blurry.