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. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. The downside of setting a default featured image is that theres a chance you end up with several featured images that arent relevant to the post. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. All files/pages are in the root folder. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. Click on the Select Default Featured Image button. We also recommend looking at the Image Dimensions. 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. These are the general Media settings for your entire WordPress website. Here, we want to make sure the checkbox for the Featured Image is checked. Here, select the Facebook tab. Type in the new dimensions and click the Scale button. 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. This means you can upload several featured images and choose which one of them gets shown on different parts of your website. The following page explains which current featured images will be replaced by the future featured image you specified from before. 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. You can check out the additional-features available in the theme. You can fix it by following these instructions: Alternatively, you may find yourself in the older version of the WordPress editor. Visuals can be decisive in your content marketing plan. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. 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. However, you may have to update previously published posts for the default featured image to show up on those. 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. Its also a good idea to make adjustments to child themes instead of the core WordPress files. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. Its important to test out how the Default Featured Image works on your site. It should have a Front Page label next to it. If not, how do you go about fixing that problem? The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. 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. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. 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. Each social network has its own display for shared content, but Facebook is a solid starting point considering its the most popular one. You may unsubscribe at any time by following the instructions in the communications received. 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. Thats a problem, so follow the steps below to ensure your featured image is always ready to go for social sharing. The plugin is lightweight and doesnt offer any other features, making it ideal for those not interested in anything besides fixing the Open Graph issue. For instance, all of your featured images could have a black and white filter. This column reveals the thumbnail version of that featured post to give you a quick idea of what will appear on the frontend of your site. 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. 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. Another specific Open Graph module from this plugin is for Twitter. 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. The .header-img is a common css class in WordPress themes. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. Theyre all telling you that Facebook is either having trouble accessing the Open Graph data from your website, or theres no Open Graph data, to begin with. Several tools are available in the Edit Image pop-up, but the most trusty of them is listed on the right side, and its titled New Dimensions. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Think about using a default featured image plugin to fill in the blanks and list temporary or permanent featured images when you forget to do so. Creating a website with stunning content to find that featured images dont show is both frustrating and potentially harmful to your brand. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. For instance, you could type in a 2 x 1 aspect ratio. We often encounter people who want that featured image and simply thought that the content editor was the place to put it. The plugin works with posts and pages, including custom posts and WooCommerce products. Kinsta and WordPress are registered trademarks. Unfortunately, an image with malware or a virus is already compromised. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). Then scroll down through the settings. Its the opposite of only showing a list of your Latest Posts. Find the section called Featured image settings. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. It is working fine for mobile and tablet. Problems with featured images stem from various problems. You can now go to Posts > All Posts in your dashboard to view the posts in a list and make sure the featured images truly got replaced in the posts. It looks like only two of the images selected are actually stored as featured images in our posts. Plugin Conflicts. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. However, youre usually going to opt for the one titled Replace featured images by the selected image. This allows you to upload an image that will replace as many current featured images as you want. This is particularly important if youre highlighting your recent posts on the homepage. After all, its difficult to shrink, resize, and crop every image manually you plan to upload. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. If you find that its missing, follow the next few steps to activate it. Fix the HTTP Error When Uploading a Featured Image 2. Each file/page calls the header.php and displays it. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. That way, you can scale it down for a digital interface while still maintaining much of its resolution. An alternative is to install and activate a plugin like Export All URLs. This button has disappeared for me on WordPress. Theres a long list of settings to mess around with, so its entirely up to you. You have the option to crop the featured image thumbnail to the exact dimensions. 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. Finding free images for personal and commercial is hard. With the OG plugin activated, you should now see the post information and the featured image in the preview. 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. 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. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! It greatly benefits the website by turning what could very well be a dull website into something beautiful. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. Lets take a look at the basic differences between cover and featured images. It eliminates a significant amount of manual upload work that could be waiting for you. 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. A featured image serves as the primary post or page image representing the entirety of that article when it gets shared or distributed elsewhere on your website or online. Another way to see if this works is if you have any social sharing buttons on your website. Search for the Cover block and click to add it. But didn't notice the header image was missing from the desktop view until today. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. Allow Featured Image for Viewing 6. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. The Thumbnail size is the featured image shown in other parts of your website, outside of the post itself. Click on the Preferences menu (the three vertical dots at the top right). Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. To begin, go to your WordPress dashboard. Replace featured images with the selected image. Clicking on that brings you directly to the WordPress Media Library. This plugin seeks out all empty featured image fields and fills them in with the default option. 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. This way, the thumbnails remain proportional, and you dont see any unexpected cropping effects. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. The function get_header is used for calling a new header file. We recommend taking a look at his guide to walk you through those steps in detail. The thumbnail images arent showing up as the right sizes. Featured images often carry the weight of your websites visual appeal. You can search for specific keywords and set them as your featured images. Your themes coding often structures the featured image location and formatting. Click the Edit Image link to proceed with the edit. has_header_image (): bool. The most important option right now is the Include Image field. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. For instance, you may notice that the featured image appears nicely on your own website, but it has trouble rendering when a post is shared to a social site like Facebook. 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. Make sure its on the Block settings tab. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. Tell us about your website or project. Its also possible to locate all images on your WordPress site by going to the Media Library.
John Tweedy Jr, Articles W