Many image optimization plugins offer lazy loading functionality as an add-on. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. 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. 3. Allow Featured Image for Viewing 6. Hit the Enter key to activate the crop and see the result in the preview. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. Each file/page calls the header.php and displays it. As long as youre not making the image too small, you should still be able to offer a beautiful featured image. Whenever you make a change, its good to go back to the Facebook Sharing Debugger Tool to promote Facebook to search for more data on the post. You can fix it by following these instructions: Although there are limited simple solutions to remove suspicious coding, your best bet is to stick with photos you either purchase legally or take your own photos instead of pulling directly from Google (which is technically illegal anyway) or finding images from sketchy websites. Once everything is configured, hit the Publish button. The reason it shows on that page is because the header image has white areas on the left and right. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. WordPress offers several ways to list your blog posts elsewhere on a website, yet sometimes you have to configure the right settings to ensure they show up properly. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. Scroll down on that panel and open the Featured Image dropdown item. This selects the entire block and reveals settings for that block in the right-side panel. Find and select the triple-dot icon () in the far right corner of the dashboard. You may be having trouble uploading the featured image the right way. Get premium content from an award-winning cloud hosting platform. We dont recommend trying to enlarge an image as itll only make it blurry. Again, in this tutorial, we named the page Homepage, but you may have something different. Just make sure its the right image and that the plugin is recognizing it. Skandha. For instance, you could cut down each featured image to 25% of its original size. You can find the Featured Image in the right-side Settings panel for all posts and pages. Participant. Lets take a look at the basic differences between cover and featured images. All selected images appear as thumbnail previews in the plugins dashboard. Theres quite a bit of information about how your URL interacts with Facebook, but all you need to look at is the preview. Premium Responsive WordPress Themes with advanced functionality and awesome support. 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. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. Easy setup and management in the MyKinsta dashboard, The best Google Cloud Platform hardware and network, powered by Kubernetes for maximum scalability, An enterprise-level Cloudflare integration for speed and security, Global audience reach with up to 35 data centers and 275 PoPs worldwide. A lot! Tell us about your website or project. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. it's not working. Scroll down the list of settings to locate the Preferences option. 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. 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. After all, its difficult to shrink, resize, and crop every image manually you plan to upload. Click on the area where you want to place a header image. 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. Thats a problem, so follow the steps below to ensure your featured image is always ready to go for social sharing. Plugin Conflicts. Several images are pulled from the post, but you must choose which one you want to use. The good news is that all future posts without featured images will automatically add the default photo. The thumbnail images arent showing up as the right sizes. Take a photo with your own camera. Locate the Settings panel towards the right side 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. 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. Another specific Open Graph module from this plugin is for Twitter. Its also a good idea to make adjustments to child themes instead of the core WordPress files. The featured image field is missing when youre trying to edit or create a page or post. 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. Going with the Media Library reveals whatever images youve already uploaded to WordPress. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. Many of them provide tools for seeing previews of what shows up on Facebook and other social networks. The featured image also appears in the embeds when a post or page is shared on social media sites. It can also prevent people from sharing your work, considering its not all that appealing to share a blog post on Facebook that doesnt have a featured image. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. Auto Featured Image even has a bulk featured image generation tool. Besides, the featured images for each post should be shown above the post title and link. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. The solution often involves going to the theme settings and locating the featured images custom area. It eliminates a significant amount of manual upload work that could be waiting for you. Incorrect permalink setup. Featured images are wonderful, but you may find that youre unable to see a featured image for a post or page for one reason or another. Header Image is Not Showing Up in Posts Because It's Not Placed in the Correct Location If your header image is not showing up in posts, it's likely because it's not located in the correct location. This means that as you move the crop box, and it sticks to the aspect ratio. Note: Many website owners use third-party gallery or post listing plugins to make this happen. Feel free to go back and choose more images if you missed any. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. I don't think I've changed anything in setting to cause this. You are not familiar with PHP so you can use this plugin for the header image. You have two options for grabbing URLs from your site. The first is going about it manually, clicking on each post and page on your site and collecting the URLs into a document. Hence, many hosts, and WordPress itself, define a maximum upload file size. Kinsta and WordPress are registered trademarks. 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. Make sure the Featured image toggle is switched on. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. Its possible a theme changed this. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. A first page header\footer. It tells WordPress to display the featured image in the templates exact location. 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. there is no Featured Image section in there at all. To begin the process of bulk editing featured images, scroll down on the page. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. The plugin works with posts and pages, including custom posts and WooCommerce products. Check out how this strategy can help get your blog get more traffic. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. 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. Open your site in MyKinsta. We have an excellent guide on optimizing your WordPress images. If the problem isnt fixed, proceed to deactivate all plugins. Theres a long list of settings to mess around with, so its entirely up to you. Themes and plugins are some of the more common reasons featured images fail or get blocked. WordPress permissions decide who can read, write, or edit website files. We covered this solution already in the previous section, yet it fits well in the best practices, too. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. Scroll down to the area called Image Settings. Because of this, a cover image is part of the post or page itself, and not separated like a featured image. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Choose Preferences from the bottom of the menu that appears. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. Therefore, we recommend checking your themes support for featured images. Or they simply arent updated, leading to all sorts of conflicts. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. 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. You can check out the additional-features available in the theme. Unfortunately, you discover that the featured image doesnt look quite as nice as you had hoped it would. Go to its Post Settings panel and open the Featured Image section. Check to see if you can now upload and see your featured images. Next up, click on the Facebook Open Graph tab. That means only those images will get replaced by the new image. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. Make sure the area that says Your homepage displays is set to A Static page. If the featured image is showing on Facebook, then theres a good chance it also appears on other social sites. You would usually find the featured image right below the title and above the first line. If the problem is solved, then it was an error stemming from an outdated plugin. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. 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. Here, select the Facebook tab. Regardless, all of these errors are frustrating and confusing for users. It also works well with page builders like Gutenberg and Elementor. Make sure the right featured image is selected in the Media Library. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. By default, this featured should be enabled, but its possible you turned it off at some point. As a test, lets visit a post that already has a featured image included with the article. Best regards . In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. But what if the featured images arent showing on the blog page? Upload the image here and click the Save button. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. What if the featured image isnt the right one, or you do not see an image at all?