Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. Weve outlined both common and uncommon problems with featured images. Click on the page specified as the Front Page. Whats more, several settings are now available to make the featured images look professional. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. You may want to move the featured image to another location, like below the first bit of content or above the byline with the authors name. has_header_image() | Function | WordPress Developer Resources This might be the root of your featured image problems. Click the + Block Inserter icon to add a new block. WordPress permissions decide who can read, write, or edit website files. If you find that its missing, follow the next few steps to activate it. For instance, you could add or remove items like tags, categories, and the author. We particularly like its ability to set rules for your past and future featured images. You can fix it by following these instructions: The Open Graph protocol is automatically activated for all WordPress posts and pages. Scroll through the list of pages to locate the one you assigned as the Homepage. To check, go to the WordPress post or page editor in question. Therefore, I am trying to use the custom field name "header_image with the value using the the correct url. Go to Appearance Editor. 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. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. Make sure the area that says Your homepage displays is set to A Static page. How to Implement WordPress Custom Header Per Page - TemplateToaster Blog Instead, it detects the posts that lack featured images and sets a default featured image for them. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. This could lead to a photo owner reaching out and asking you to remove many of your featured images, or worse, threatening legal action. 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. You have two options for grabbing URLs from your site. Go to Posts > Add New to create a new blog post. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. The good news is that all future posts without featured images will automatically add the default photo. Open your site in MyKinsta. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! There are several reasons for images to disappear from WordPress. To fix the situation, find and click on the Screen Options tab in the dashboards upper right-hand corner. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. After entering the code, click the 'Save Changes' button. Itll avoid causing problems with your own server. 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. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. The thumbnail images arent showing up as the right sizes. The reason it shows on that page is because the header image has white areas on the left and right. Unfortunately, you discover that the featured image doesnt look quite as nice as you had hoped it would. Another element of image optimization involves how those images will show up in the search engines. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. It could be a good thing but it downgrades the development experience. Deleted all plugins. The Preferences module includes a wide range of options for a document. 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. 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. 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. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. Stick with landscape sizes over portrait photos. This setting controls the sizing of all featured images shown in the Latest Posts block. Fix the HTTP Error When Uploading a Featured Image 2. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. WordPress Featured Image Not Showing: Causes and 7 Solutions there is no Featured Image section in there at all. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. Be sure to Save the settings after youre done. This lists various settings for the entire post and can also reveal Block-specific settings if you have a WordPress Gutenberg block currently selected. Kinsta and WordPress are registered trademarks. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Its gone! It's only on select pages though (front page and blog page). 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. Simply having a header.php in your theme's folder will not output your header to the browser. Its also possible to generate featured images based on post authors, tags, and post types. You may only need a basic photo thats relevant to your website on those pages. The new dimensions are also listed on the right side of the pop-up window. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. Regardless, a WordPress featured image not showing up is both frustrating and concerning. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. Not only that, but its essential to realize that featured images display differently when compared to a regular photo uploaded to a post or page. Its also prudent to understand what types of photos work well as featured images, seeing how it may be the original photos causing the issues to begin with. Also, I believe the classic editor should be a matter of choice instead of another plugin to install. Wordpress Header Not Showing on Sub Pages Its easy to grab a quick image that relates to the article just to save time. 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. After that, feel free to drag it up or down on the homepage so that its located in the proper position. However, if you right click this rectangle and choose 'View image', the correct image is shown. Header image not showing on wordpress - Stack Overflow Besides, the featured images for each post should be shown above the post title and link. Some non-WordPress image editing tools you can use are GIMP, Photoshop Express, and Paint.NET. Click on the area where you want to place a header image. Here, select the Facebook tab. Finally, a cover image allows for its own unique customization options, like the ability to place overlaying text on top of the image or including a filter. You are not familiar with PHP so you can use this plugin for the header image. The Featured Image Settings are towards the bottom. Note the exact issue, like if the image isnt uploading. 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. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. The featured image is prone to human error, considering the page or post author must manually upload a featured image whenever creating a new webpage. 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. Scroll to the bottom of the page to click on the Next button. 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. You may find that the theme coding doesnt support a featured image. To begin, go to your WordPress dashboard. You may be having trouble uploading the featured image the right way. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. You have to call the header too. Another way to see your featured image is to create Recent Post galleries or feeds to your blog, usually elsewhere on your website. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. 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. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. Yet, even with those websites, youre usually asked to provide attribution for all photos (which is tough as featured images often dont allow captions). Make your site accessible to them. 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. For instance, you may simply want to remove all the old featured images or make sure that all new featured images are set as one specific image. First, you have to decide what youre trying to achieve. 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. Find the section called Featured image settings. Click Upload to upload the image from your computer or click Select Media to choose an . The Add Block button looks like a + sign. Here, enable the Display featured image option. Unfortunately, we cant walk you through the solutions to these issues as it requires you to either look into the theme settings or contact the theme developer. Scroll down in the Block settings tab to view the options available. Twenty Seventeen Header not showing full image - WordPress.com To adjust the location of a featured image, go to the page or post template being used. Finally, you should check the box to Include Image, as this is the only way Twitter grabs your featured image from a post or page. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. Its also common to see varying degrees of featured image problems. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. Or if the featured image fails to show up on social media, but its working fine on your website. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. The the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. At some point, you may realize that several old posts could use new featured images. Wordpress - How to show header on every page? - Stack Overflow Yet, leaving your larger, high-resolution photos in their original formats will surely cause loading problems. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. Its a must-read to speed up your WordPress site. 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. To move forward and see the featured image in action, click the Publish button. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. This way, youre not limiting your sites resources with too many large photos. Youll see this image get populated in the dashboard. For instance, all of your featured images could have a black and white filter. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. 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. Next, enter the custom code in the 'Header' section. For instance, we added a Recent Posts feed on the homepage of our test site. Your latest posts should appear wherever you placed the block on your homepage. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. Again, in this tutorial, we named the page Homepage, but you may have something different. Finding free images for personal and commercial is hard. We covered the Open Graph essentials in the section above. Finally, the featured image shows up automatically when you create a feed or gallery of your blog posts or other webpages. To add the featured images, click on the Latest Posts block. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. Three options are available for you to bulk edit the featured images: Choose the right option depending on what youre trying to achieve. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. One way to ensure your featured image field is never empty is to set a default featured image for all posts. These are the general Media settings for your entire WordPress website. Even if they tell you that the image is too big, how do you move on from there? This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. 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. Also, you can typically enable the Open Graph markup directly from an SEO plugins settings. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. 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. Insert any content you want for the blog post. Regardless, select an image, or multiple images, by holding down the Shift key while choosing the images, and click the Choose Images button to proceed. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. 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. Hello! One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. Begin by installing and activating the Default Featured Image plugin. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. Some WordPress users complete all the right steps to upload a featured image but realize that a duplicate of the featured image appears. However, if you use any other hosting provider, it may prove useful. Find the Add Open Graph Meta Data switch and make sure its set to Enabled. Home page Header image not appearing - GeneratePress After all, its difficult to shrink, resize, and crop every image manually you plan to upload. 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. Not all themes have the same featured image settings. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. You can find the Featured Image in the right-side Settings panel for all posts and pages. A theme or plugin usually defines it. Again, Kinsta bans many Open Graph plugins, including this one. For the AIOSEO plugin, navigate to the All in One SEO menu and click on the Social Networks tab. After youve located the potential culprit, turn off lazy loading, clear your site cache, and check if that resolves any issues you may have with your featured images. Once thats all said and done, click on the Debug button to process all URLs in the list and make it so that the featured images, and all other relevant post data, appear when shared on Facebook. 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.