Begin by installing and activating the Default Featured Image plugin. You may see a simple list of links, along with descriptions from those posts. The image src is the full file path. Overall, its best to opt for a plugin that optimizes your images on a third-party server. There is a plug in or other theme option set which is changing the margin-left styling for .header-img. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. The Link Preview area shows you exactly what your post will look like if you, or someone else, shares it on Facebook. Get all your applications, databases and WordPress sites online and under one roof. Once everything looks good and youve decided that those old featured images are ready to be replaced, click the Apply button to finish the bulk edit. However, keep in mind that an image uploaded to your blog posts content area doesnt have anything to do with the featured image, even if its the first photo you upload to that article. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. However, if you right click this rectangle and choose 'View image', the correct image is shown. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. Therefore, we recommend using tools for cropping, compressing, and resizing before opting to increase your PHP memory limit. Configure WordPress Dashboard Settings 5. Premium Responsive WordPress Themes with advanced functionality and awesome support. This helps speed up your featured image creation process while also helping your brand. You can find the Featured Image in the right-side Settings panel for all posts and pages. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Test a deployment on our modern App Hosting. This article shows you how you can fix WordPress featured images not showing properly on your website. Therefore, we recommend checking your themes support for featured images. The most important option right now is the Include Image field. 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. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. Remove the selected image as the featured image. Both cover and featured images function in similar ways, providing large photos at the top of posts and pages, yet they have some differences. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. No featured image complements the posts when sharing on Facebook. Learn how to fix it once and for all Click to Tweet. The .header-img is a common css class in WordPress themes. Its getting placed on a digital medium where the photos resolution doesnt necessarily have to be print-worthy to look good. However, we usually recommend clicking the Select Image button, as that provides a few extra choices for deciding on a source for the featured image. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. Scroll to the bottom of the page to click on the Next button. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. For instance, you may want to pull the first image in your content and make it your featured image for a post. But thats fine, as we all start learning somewhere. 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. If youre having problems with the SEO plugins discussed above, or you simply dont plan on using an SEO plugin (and therefore, dont have access to a quick Open Graph activation button), there are a few other options to activate Open Graph. 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. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Deleted all plugins. This is a frustrating one because its a simple setting in the dashboard that tells WordPress to either show the Featured Image section or not. It looks like only two of the images selected are actually stored as featured images in our posts. The function get_header is used for calling a new header file. Here, youll see a Progress Bar at the top of the page. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). We have an excellent guide on optimizing your WordPress images. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. 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 way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. 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. Fill in the title, write paragraphs, and upload images to the article. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. This button has disappeared for me on WordPress. Fix the Plugins or Themes 3. As an alternative, the Media Library also has a tab to Upload Files, where you select from the files on your computer and upload them to your WordPress Media Library. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. We covered the Quick Featured Images plugin above in this article. We'll get back to you in one business day. Replace featured images with the selected image. Without automated featured images, youre left with blocks of text and links to webpages. Switching it to Large or Medium adjusts the sizing of all featured images in the block and adds more of a landscape view depending on your featured images dimensions. But what if the featured images arent showing on the blog page? You can upload a featured image to every post and page. 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. The good news is that all future posts without featured images will automatically add the default photo. Hit the Enter key to activate the crop and see the result in the preview. You may already have the Latest Posts block activated on your homepage, but if not, you can find it by searching in the Gutenberg block library. Do you have to have a certain plugin to have it show up? You can still maintain the quality of an image after compression, cropping, or resizing. Auto Featured Image even has a bulk featured image generation tool. Its also common to see varying degrees of featured image problems. Added a featured image and it was finally appearing. Best regards . Its the opposite of only showing a list of your Latest Posts. Its not uncommon for brands to share a list of the most recent posts, yet a gallery or feed with just links may not attract as much attention. Scroll down to the section called Document Settings. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. Here, select the Facebook tab. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. Get a personalized demo of our powerful dashboard and hosting features. Though, it varies depending on your WordPress sites configuration, theme, and plugins. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! A cover image, or any image placed in an articles content area, wont show up elsewhere (like in a Recent Posts list) as the featured image. 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. such as page.php, single.php, archive.php and so on. In this situation, you would randomly set multiple featured images for your posts based on photos you choose from the Media Library. WordPress Changes Not Showing? Here's How to Fix the Problem - Kinsta After entering the code, click the 'Save Changes' button. After the plugin is installed and activated, go to Featured Images > Bulk Edit. When seeking out a featured image, always consider starting with a larger, high-resolution photo. 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. Click the Choose Image button to proceed. 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. Be sure to Save the settings after youre done. The last way to edit featured images in WordPress involves cropping the image but maintaining a certain aspect ratio. Check out our guide here to learn more about the Facebook Debug Tool. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. The most common ones are: Incorrect home and site URL. Incorrect image URLs. Twenty Seventeen Header not showing full image - WordPress.com One way to ensure your featured image field is never empty is to set a default featured image for all posts. If not, how do you go about fixing that problem? Thats what we were trying to accomplish. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. 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. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview.