Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. The Featured Image from URL, or FIFU, plugin allows you to take an external image and use it as a featured image for a post or page. You may have a lot of old posts that dont generate featured images when shared on Facebook. You should avoid stuffing keywords just because you want to. No featured image complements the posts when sharing on Facebook. I have created several files/pages, such as; index.php, front-page.php, page-about.php and single.php for example. We recommend you follow these steps to ensure youre doing it the right way. We recommend solutions like Optimoleand Imagify. The featured image field is missing when youre trying to edit or create a page or post. 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. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. Scroll to the bottom of the page to click on the Next button. Click on the area where you want to place a header image. Kind Regards, Skandha. Though, it varies depending on your WordPress sites configuration, theme, and plugins. 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. Check out our guide here to learn more about the Facebook Debug Tool. If you switch it to the Thumbnail option, those images shrink slightly and usually become perfect squares. 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. Click the Edit Image link to proceed with the edit. Go to the post in question, click on the Share to Facebook link, and see if the featured image appears in the pop-up window. For more such image optimization tips and tricks, read our in-depth image optimization guide. Maybe you encounter one of the following: Luckily, WordPress already includes a wide range of photo editing tools for you to ensure the featured image looks professional. 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. 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. You never know when a human error may result in a featured image not being uploaded to your website. Thats because having four columns will require having much more space (and smaller images) than a block with two or three columns. For instance, the last image in a long article doesnt necessarily have to load until the user scrolls down to the bottom of the page and gets to that image. Click the Preview Filtering button to see which bulk replacements will occur. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. Hi Tre, we guess that the Featured Image block has been turned off in your view. Search for the Cover block and click to add it. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Fix the Plugins or Themes 3. It is working fine for mobile and tablet. This is done by using the align feature. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! First, you have to decide what youre trying to achieve. An even page header\footer. Clicking on that brings you directly to the WordPress Media Library. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. By submitting this form: You agree to the processing of the submitted personal data in accordance with Kinsta's Privacy Policy, including the transfer of data to the United States. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. 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. The featured image also appears in the embeds when a post or page is shared on social media sites. It looks like only two of the images selected are actually stored as featured images in our posts. Get all your applications, databases and WordPress sites online and under one roof. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. A first page header\footer. Featured images break for various reasons, and its often on a case-by-case basis. Premium Responsive WordPress Themes with advanced functionality and awesome support. All you have to do is click on the icon to insert it somewhere on the homepage. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. The most important option right now is the Include Image field. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. Insert any content you want for the blog post. Next up, click on the Facebook Open Graph tab. A featured image does not differ from other photos on your website. We also recommend looking at the Image Dimensions. Open your site in MyKinsta. Visuals can be decisive in your content marketing plan. Deleted all plugins. Make sure the Featured image toggle is switched on. Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. It takes every URL on your site and exports them into a simple document. Hence, this issue is exclusive to those using it. Scroll down to the section called Document Settings. 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. Page header meta box says it's using my featured image. Upload the image here and click the Save button. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. If not, then WordPress will render the default header file. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. Auto Featured Image even has a bulk featured image generation tool. It eliminates a significant amount of manual upload work that could be waiting for you. The Ixion theme supports featured images on single Posts and Pages. We recommend only using a media hosting platform, or maybe another website host that you own yourself. Thats the main reason you would take advantage of this plugin. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. 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. Going with the Media Library reveals whatever images youve already uploaded to WordPress. Twitter Cards are a little different than Facebook sharing modules, so you can go through these settings to make sure everything looks good. The screenshot below tells us that our featured image is showing up just fine. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. I always prefer the classic editor. Simple, Clean and Lightweight Responsive WordPress Themes . Scroll down in the Block settings tab to view the options available. has_header_image (): bool. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. However, plugin conflicts are a different story. This step involves choosing the image youd like to have shown as the new featured image for a few of your current posts or pages. Theyre vital to help your post or page move up the rankings. If the featured image fails, you know which plugin is causing the problem. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. Scroll down to the area called Image Settings. 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. There can be up to 3 different headers (and footers) in a document, or each Section of a document. Some of WordPress built-in image editing features include: The Crop tool is usually the most important, so click on that to activate the edit module. Reinstalled GP plug in. In this module, you can select multiple images from your Media Library. The Thumbnail size is the featured image shown in other parts of your website, outside of the post itself. Your theme layout does not support featured images. 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. This brings up the Media Library, from where you can choose an image to serve as your Default Featured Image. Stick with landscape sizes over portrait photos. Tell us about your website or project. Unfortunately, you discover that the featured image doesnt look quite as nice as you had hoped it would. Also, I believe the classic editor should be a matter of choice instead of another plugin to install. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. 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. Make sure to get this agreement in writing (email works too). You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. 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. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. For instance, you may want to pull the first image in your content and make it your featured image for a post. 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. It also helps break up the monotony of text and adds life to your content. A lot! 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. There, below the disable section title, you can check all the boxes of the sections that you would like to remove. Its more common to see something with specifics, like a message that tells you an image or video Exceeds the Maximum Upload Size For This Site.. On the other hand, user roles dictate which areas of the WordPress dashboard and the frontend website are accessible to certain people. Luckily, as WordPress has evolved, the errors have become a little less ambiguous, making it somewhat easier to determine their cause. Now its time to look at the content within that page to ensure the featured images show up the way they should. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. This should get you closer to the optimal featured image size for your theme. Its used to show the start of a new section or an article. As promised, three choices appear when uploading an image through a Kinsta-hosted website: Choose one based on whether or not you have your own photos and where theyre stored. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. Featured images often carry the weight of your websites visual appeal. 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. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. As an alternative, its often a better idea to leave the Crop Thumbnail box unchecked, so the Thumbnail dimensions are used as more of a guideline. Make your site accessible to them. Showing a gallery or list of your recent blog posts is done by adding a Gutenberg block element to the page designated as the WordPress Homepage. The whole point of a featured image is to serve as a visual introduction to the article, much like a title, and the first paragraph of an article provides previews to the reader of what they can expect to read. Because of this, a cover image is part of the post or page itself, and not separated like a featured image. After that, youre able to insert the new version of that image into a post, page, as a featured image, or wherever you want it to show on your site. Configure WordPress Dashboard Settings 5. We suggest running a test to see if the featured images actually show on Facebook or not. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. 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. Learn how to fix it once and for all , Featured images matter. Many blind people are using the internet through screen readers. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. For instance, you might consider including things like the Site Name and Post Title but not having the URL. For example, you may rather have one featured image appear in the sidebar, but a different one shows up when the post is in a list on your homepage. Talk with our experts by launching a chat in the MyKinsta dashboard. Note the exact issue, like if the image isnt uploading. Youve noticed something wrong with one, or all, of your featured images. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. Youll see a message that tells you the Image Saved. After you select an image, click the Set Default Featured Image button. It could be a good thing but it downgrades the development experience. You can see that two of my posts now have a new featured image, and theyre the same images. This is particularly important if youre highlighting your recent posts on the homepage. Once everything is configured, hit the Publish button. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. 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. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. The problem prevents images from displaying on both the backend and frontend. Fill in the title, write paragraphs, and upload images to the article. An alternative is to install and activate a plugin like Export All URLs. 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. 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 search for the Cover block or scroll through the library to find it. Again, Kinsta bans many Open Graph plugins, including this one. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. Its also possible to locate all images on your WordPress site by going to the Media Library. 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. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). The image is showing on pages that use a different header. Make sure its on the Block settings tab. Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. Weve outlined both common and uncommon problems with featured images. The image src is the full file path. Not all themes have the same featured image settings. Is there a way to do that without using an external plugin? However, you may have to update previously published posts for the default featured image to show up on those. Take a photo with your own camera. 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. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. We have an excellent guide on optimizing your WordPress images. 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. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Its also common to see varying degrees of featured image problems. Here, youll see a Progress Bar at the top of the page. A thumbnail of the image you go with shows up under the Featured Image panel in your Post Settings. We recommend checking boxes for the Title, URL, and Description. 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. Your dashboard settings could have the featured image fields completely turned off. An image optimization plugin does much of the work for you, ensuring that your featured images actually show up and dont slow down your website. For instance, you could type in a 2 x 1 aspect ratio. there is no Featured Image section in there at all. Thats how it should be if you want the functionality of a featured image with no duplication! Your theme, or a plugin, has an error or is causing a conflict with your featured images working. Note: You can upload WordPress featured images to posts and pages, but that basic rule expands once you start adding things like WooCommerce product pages and custom post types. Do you have to have a certain plugin to have it show up? This selects the entire block and reveals settings for that block in the right-side panel. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. 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. Check out how this strategy can help get your blog get more traffic. You can insert a Cover block anywhere in a post or page, not just at the beginning. It results in an image duplication issue like this: Obviously, you dont want this. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. When seeking out a featured image, always consider starting with a larger, high-resolution photo. 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. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. Therefore, it serves as a backup to the real featured image field, just in case you forget to upload the featured image but still want something to show up. 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. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. Click the Background Image section of the Customizer panel. It promises to make the featured image upload process a little easier for website owners. If a featured image isnt assigned to a post, it will show a blank space in its block instead. 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. A cover image provides a wide or full-width image section to add anywhere on the site. It is primarily used for replacing featured images in bulk. If the problem is solved, then it was an error stemming from an outdated plugin. Then scroll down through the settings. The max height shouldnt matter as much since your featured images shouldnt be that tall. Click the Save & Activate button. The block is called Latest Posts. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. You also have the option to Save the crop, even though its done for you. Finding free images for personal and commercial is hard. Its a must-read to speed up your WordPress site. With the OG plugin activated, you should now see the post information and the featured image in the preview. We recommend taking a look at his guide to walk you through those steps in detail. For simplicity, well stick to uploading featured images to regular WordPress posts and pages but if youre interested in learning more, heres a complete WooCommerce SEO guide that covers this & everything else, including Schema Markup up for your products and more. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. 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. Pay for photos on sites like Shutterstock and iStockPhoto. Did we miss anything important? One way to get in serious trouble with your images is by using photos and graphics you randomly find online. To begin, go to your WordPress dashboard. Scroll down to find a new field called Default Featured Image. If youre still having problems, go to SEO > Social in the WordPress dashboard. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. Participant. 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. To fix the situation, find and click on the Screen Options tab in the dashboards upper right-hand corner. Here's the definitive guide to fix WordPress featured image not showing properly on your site , reach out to your current hosting provider, reading our guide on WordPress user roles, cut this piece of code and paste it somewhere else, Kinsta bans the majority of Open Graph plugins, The Ultimate Guide to Fixing and Troubleshooting the Most Common WordPress Errors (70+ Issues), Visual Content Strategy: How to Use Visuals to Get More Traffic, 10 Stunning Places to Find Free Images For WordPress. 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. Here are some common reasons that lead to issues with featured images in the first place: A few errors are more common than others when uploading images to the Media Library in WordPress. This could be just above your site's title and menu, for example. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. Get premium content from an award-winning cloud hosting platform. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. To remove that image block, click on the three-dot icon after selecting the image block. Checks whether a header image is set or not. You can go to Post > All Posts to review your list of articles. After that, feel free to drag it up or down on the homepage so that its located in the proper position. For free, a fee, or with attribution. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. The solution often involves going to the theme settings and locating the featured images custom area. Locate the Settings panel towards the right side of the page. Now, go to Settings > Media in your WordPress dashboard. Open the Media Library in your WordPress dashboard Select the desired image Uncheck the box Protect this file in the attachment details Fix Images not Showing in Media Library You might suffer a nightmare when there are no images available in the WordPress Media Library. This shows that youd like to have a customizable homepage with the ability to add and remove block elements through page builders like Gutenberg. Here, select the Facebook tab. 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! We particularly like its ability to set rules for your past and future featured images. All other image editing tools are located above the featured image preview. If the problem isnt fixed, proceed to deactivate all plugins. This plugin seeks out all empty featured image fields and fills them in with the default option. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. Or if the featured image fails to show up on social media, but its working fine on your website. 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 upload an image to be your cover by clicking on the Select Media or Upload buttons. All of them allow you to adjust or get rid of the current featured image. Click on the page specified as the Front Page. Yet, even with those websites, youre usually asked to provide attribution for all photos (which is tough as featured images often dont allow captions). The most common ones are: Incorrect home and site URL. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. These are the general settings for all social media sharing, making sure Facebook and Twitter dont randomly select photos from your article or other places on your website. Select the image you like, then click on the Choose Image button. 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. A column called Featured Image is supposed to appear after the Post Date. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. It helps with cleaning out those posts where you forgot to add a featured image or, at some point, removed it due to the original featured image not holding up to your standards. Theres no reason to go into troubleshooting mode if your featured images and post content all come up fine on Facebook when the post gets shared. You have to call the header too. However, you may find that the theme has removed featured images in the coding, and it doesnt have any additional tools to override the lack of featured images. For instance, you could add or remove items like tags, categories, and the author. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. Created new Home page. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Returning back to the original page, the image suddenly shows up.