Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Each social network has its own display for shared content, but Facebook is a solid starting point considering its the most popular one. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Simply having a header.php in your theme's folder will not output your header to the browser. The reason it shows on that page is because the header image has white areas on the left and right. 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. Though, it varies depending on your WordPress sites configuration, theme, and plugins. In the Preferences overlay, click on Panels on the left. When I exported post and media and imported on my new site everything was fine eventually. An alternative is to install and activate a plugin like Export All URLs. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. 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. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. Incorrect permalink setup. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! If thats the case for you, youll have to consult with the plugins developer. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. Click the Save & Activate button. You would usually find the featured image right below the title and above the first line. Unfortunately, an image with malware or a virus is already compromised. You may only need a basic photo thats relevant to your website on those pages. Try to set the images as featured images for the Posts and the pages. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. With your position I solved a problem that lasted for months. You never know when a human error may result in a featured image not being uploaded to your website. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. 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. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. THANKS It seems there is a conflict with your theme because I have tried to add an image header but it doesn't show at all. I agree Pedro, I have never liked working Gutenberg editor, It has a way of messing things up. Disable Lazy Loading 4. Featured images break for various reasons, and its often on a case-by-case basis. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. Lets take a look at the basic differences between cover and featured images. Even if they tell you that the image is too big, how do you move on from there? We recommend solutions like Optimoleand Imagify. If not, reactivate the plugins and move onto a different cause of the problem. Make sure its on the Block settings tab. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. I suggest you to upgrade to pro. Its settings are located in the WordPress Media Settings, but you have only one field you to fill out. Click on the page specified as the Front Page. You may unsubscribe at any time by following the instructions in the communications received. As a test, lets visit a post that already has a featured image included with the article. That means only those images will get replaced by the new image. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. However, you also want to stick to a consistent theme. You also have the option to Save the crop, even though its done for you. Sometimes, featured images for pages are completely blocked. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. Upload multiple photo sizes on a test post and mark down the dimensions of each one. Again, check to see if the featured images are showing up after all plugins are deactivated. Its also a good idea to make adjustments to child themes instead of the core WordPress files. Youll typically see this happens on post lists or at the top of a page or post, resulting in two of the same photos stacked on top of each other. It promises to make the featured image upload process a little easier for website owners. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. This is particularly important if youre highlighting your recent posts on the homepage. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! 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. Click the Choose Image button to proceed. This field is available on all WordPress posts and pages by going to the Post Settings panel on the right side of the article or page. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. 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. Explore our plans or talk to sales to find your best fit. There are several reasons for images to disappear from WordPress. After all, a post shared on Facebook with no image wont gain much traction. To begin the process of bulk editing featured images, scroll down on the page. All files/pages are in the root folder. The default featured image then populates inside the posts Featured Image module. 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. Now that you have the featured images ready, get sharing! 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. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. Here, we want to make sure the checkbox for the Featured Image is checked. Do you have to have a certain plugin to have it show up? So after a serious research, I realized that, I need to export both post and media as well. You can search for the Cover block or scroll through the library to find it. I have experienced similar issues, I exported my post from another website to another new site I am building when I tried importing, it didnt come with the featured images. Here, enable the Display featured image option. 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. Then scroll down through the settings. Several images are pulled from the post, but you must choose which one you want to use. You can troubleshoot a featured image not showing up or edit each featured image manually. Itll avoid causing problems with your own server. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. If the featured images now work, one of your plugins was the issue. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. I checked several of your other pages and do not see any with narrower header images like on that page, so I've limited this change to only that specific page by using its unique page id CSS class from the opening body html tag. Your dashboard settings could have the featured image fields completely turned off. 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. We particularly like its ability to set rules for your past and future featured images. Kind Regards, Skandha. We often encounter people who want that featured image and simply thought that the content editor was the place to put it. The last way to edit featured images in WordPress involves cropping the image but maintaining a certain aspect ratio. This means that youve turned off a setting on your dashboard to reveal the Featured Images column. It eliminates a significant amount of manual upload work that could be waiting for you. Thats what we were trying to accomplish. First, you have to decide what youre trying to achieve. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. Visuals can be decisive in your content marketing plan. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. I felt I should post it here for those having same issues. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. It takes every URL on your site and exports them into a simple document. 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. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. It should have a Front Page label next to it. Open your site in MyKinsta. 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. For more details, you can see our guide on how to add header and footer code in WordPress. 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. Tell us about your website or project. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. 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. Note: Youre always able to come in here and change the static homepage. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. This brings you to the settings required to activate the Open Graph protocol and calibrate which content elements youd like to see when your posts and pages get shared to social media sites. Do the same for footer.php to get the footer. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. Theres a field for choosing where the image should come from when sharing a post or page to social media. has_header_image (): bool. 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!! Featured images dont show up as thumbnails in your lists of posts and pages on the dashboard. It uses a widget and shortcode, both of which ask which of the featured images youd like to display whenever implementing one of the tools. 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. 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. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. Check out how this strategy can help get your blog get more traffic. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. 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. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. The Featured Image Settings are towards the bottom. You can check out the additional-features available in the theme. 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. 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. Or they simply arent updated, leading to all sorts of conflicts. This could lead to a photo owner reaching out and asking you to remove many of your featured images, or worse, threatening legal action. 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. 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 Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. Theres also an Image Alignment setting to indicate if the images should slide to the right, center, or left. Test out the fields for the Number of Items and Columns to ensure your featured images are both presentable and appealing when they get published on the homepage. As you can see, a different image appears in the Featured Image section. Note the exact issue, like if the image isnt uploading. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. it's not working. Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. We dont recommend trying to enlarge an image as itll only make it blurry. At some point, you may realize that several old posts could use new featured images. Go to Posts > Add New to create a new blog post. Think about installing a plugin that resolves problems for featured images without you having to do much work. If the problem isnt fixed, proceed to deactivate all plugins. The wrong featured image is showing up on Facebook. A theme or plugin usually defines it. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. But what if the featured images arent showing on the blog page? It is primarily used for replacing featured images in bulk. The new dimensions are also listed on the right side of the pop-up window. A first page header\footer. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. This might be the root of your featured image problems. We covered the Open Graph essentials in the section above. After that, every time you drag the crop box, it will always keep to the 2 x 1 ratio, giving you less freedom to crop and ensuring your ratio remains consistent when creating featured images. Click on the Select Default Featured Image button. You can reach out to your current hosting provider and ask them to expand the PHP limit. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. But what if those thumbnail images are nowhere to be found? Legal information. 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. You can also test this out for the other social networks like Twitter and Pinterest. Therefore, you may have to use custom code to customize the featured images appearance. 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. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. Scroll down the list of settings to locate the Preferences option. 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. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. Hence, many hosts, and WordPress itself, define a maximum upload file size. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. It also works well with page builders like Gutenberg and Elementor. No featured image complements the posts when sharing on Facebook. 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. Thats the main reason you would take advantage of this plugin. Fix the Plugins or Themes 3. Select the image you like, then click on the Choose Image button. Reinstalled GP plug in. Your theme, or a plugin, has an error or is causing a conflict with your featured images working. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. such as page.php, single.php, archive.php and so on. Go to Posts > Add New to create a new blog post. Did we miss anything important? You also agree to receive information from Kinsta related to our services, events, and promotions. Where do you go from here? You can upload a featured image to every post and page. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Whats more, several settings are now available to make the featured images look professional.