That means only those images will get replaced by the new image. That way, you can scale it down for a digital interface while still maintaining much of its resolution. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. 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 find that its missing, follow the next few steps to activate it. Its also common to see varying degrees of featured image problems. Returning back to the original page, the image suddenly shows up. Incorrect references in image URLs. Fix the HTTP Error When Uploading a Featured Image 2. such as page.php, single.php, archive.php and so on. As always, we recommend backing up your WordPress site before making edits to the code. 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'll get back to you in one business day. Therefore, I am trying to use the custom field name "header_image with the value using the the correct url. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. Insert any content you want for the blog post. 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. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. We particularly like its ability to set rules for your past and future featured images. Added a featured image and it was finally appearing. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Replace featured images with the selected image. Its easy to grab a quick image that relates to the article just to save time. There are two solutions to this. it's not working. If not, reactivate the plugins and move onto a different cause of the problem. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. 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. Youll see this image get populated in the dashboard. 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. 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. It would be troubling and potentially illegal to simply search for an image online, take its URL, and use the image for your featured image, as you do not know where the image URL is hosted. Scroll down the list of settings to locate the Preferences option. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Therefore, we recommend checking your themes support for featured images. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. Then well go deeper into other errors. Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. I suggest you to upgrade to pro. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. This might be the root of your featured image problems. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. A theme or plugin usually defines it. Locate the section titled Actions with a single image. After entering the code, click the 'Save Changes' button. Follow these rules to ensure your featured images are legal: Its one thing to ensure all featured images are relevant to the posts theyre attached to. The new dimensions are also listed on the right side of the pop-up window. You may discover that your theme does well with slightly wider or shorter featured images. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. My Header media is not showing on my homepage on desktop view. Explore our plans or talk to sales to find your best fit. Skandha. 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. You can see that two of my posts now have a new featured image, and theyre the same images. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. Wrong file permission or ownership. Each file/page calls the header.php and displays it. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. The key to fixing this issue is ensuring your user roles and permissions are all set properly. Check out how this strategy can help get your blog get more traffic. On the other hand, user roles dictate which areas of the WordPress dashboard and the frontend website are accessible to certain people. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! For instance, if your article has tips on using Instagram, the featured image better have elements that reference Instagram (legal ones, of course), along with creative items that make the article look appealing. You may have a lot of old posts that dont generate featured images when shared on Facebook. Search for the Cover block and click to add it. That means you cant simply take any photo and expect it to look great as a featured image. The problem prevents images from displaying on both the backend and frontend. Lets take a look at the basic differences between cover and featured images. has_header_image (): bool. Also, make sure the width of the image is set to 1080px. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). Click on the Preferences menu (the three vertical dots at the top right). 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. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. All files/pages are in the root folder. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. All you have to do is click on the icon to insert it somewhere on the homepage. Thats the main reason you would take advantage of this plugin. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. 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. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. The function get_header is used for calling a new header file. For instance, we added a Recent Posts feed on the homepage of our test site. Its possible that your current user role doesnt allow you to upload or view featured images. Besides, any image you use on your site, including featured images, shouldnt be that large, to begin with. 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 theme doesnt allow for featured images, or you have to turn them on through the theme settings. A Cover block, in contrast, is housed in the Gutenberg Block Library, which is accessible by clicking on an Add Block button in the editor. It also helps break up the monotony of text and adds life to your content. 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. 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. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. To remove the header, check the top box called disable primary header and update the page. Another way to see if this works is if you have any social sharing buttons on your website. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. The Link Preview area shows you exactly what your post will look like if you, or someone else, shares it on Facebook. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. Regardless, all of these errors are frustrating and confusing for users. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. Start your free trial today. THANKS First, you have to decide what youre trying to achieve. This is particularly important if youre highlighting your recent posts on the homepage. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. 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. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! However, if you use any other hosting provider, it may prove useful. As a test, lets visit a post that already has a featured image included with the article. The .header-img is a common css class in WordPress themes. Note the exact issue, like if the image isnt uploading. You would usually find the featured image right below the title and above the first line. Where do you go from here? Another Screen Options dilemma comes into play when you do not see the actual field to upload and insert a Featured Image. This is important because the bulk edit is permanent, so you want to be sure of your actions at each step. Its settings are located in the WordPress Media Settings, but you have only one field you to fill out. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. To add content to your homepage, and to adjust the settings for the blog feed on that page, go to Pages > All Pages in the dashboard. Hence, this issue is exclusive to those using it. 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. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. Find the section called Featured image settings. Finding free images for personal and commercial is hard. For instance, you could type in a 2 x 1 aspect ratio. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. Check to see if you can now upload and see your featured images. I have created several files/pages, such as; index.php, front-page.php, page-about.php and single.php for example. Remove the selected image as the featured image. Open the post or page in the editor. After all, a theme or plugin could be causing the problem. Just make sure its the right image and that the plugin is recognizing it. Try to set the images as featured images for the Posts and the pages. We suggest running a test to see if the featured images actually show on Facebook or not. I later deactivated the plugin, but that hasn't made a difference. Instead, it detects the posts that lack featured images and sets a default featured image for them. This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. If youre going with this route, we recommend an image compression plugin that automatically shrinks and optimizes all images uploaded to WordPress, such as Optimole or Imagify. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. You can fix it by following these instructions: Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. After all, a post shared on Facebook with no image wont gain much traction. Rather, quickly explain whats in the picture and potentially add the keyword to boost your rankings. It also helps when your older posts dont have appropriate featured images. Thats a tremendous problem. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly.