After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. This could be just above your site's title and menu, for example. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. Scroll down to the section called Document Settings. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. You may only need a basic photo thats relevant to your website on those pages. However, only the front-page.php file shows the image. The following page explains which current featured images will be replaced by the future featured image you specified from before. All you have to do is paste the post link into the Facebook status field (you can also do this on personal or business pages) and wait to see if the post content gets rendered, along with the featured image. Itll avoid causing problems with your own server. Youll see a message that tells you the Image Saved. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. Regardless of whether setting a proper alt text for images helps with SEO, you should do it anyway for accessibility reasons. Wrong file permission or ownership. Lets take a look at the basic differences between cover and featured images. The only thing to do next is to review and publish the post. 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.. Youve noticed something wrong with one, or all, of your featured images. The featured image is too small or too large. You can still maintain the quality of an image after compression, cropping, or resizing. For free, a fee, or with attribution. Clicking on that brings you directly to the WordPress Media Library. Added a featured image and it was finally appearing. 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. Go to Appearance Editor. Make sure thats checked off to reveal the Featured Image option in your posts and pages. 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. To remove the header, check the top box called disable primary header and update the page. Kinsta and WordPress are registered trademarks. Its easy to grab a quick image that relates to the article just to save time. Do you have to have a certain plugin to have it show up? However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. Header image not showing on wordpress - Stack Overflow I don't think I've changed anything in setting to cause this. The most common ones are: Incorrect home and site URL. Tell us about your website or project. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. 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. Why WordPress Images Aren't Showing and How to Fix them We recommend solutions like Optimoleand Imagify. Upload the image here and click the Save button. Fix Featured Image Not Showing on a Blog Post Gallery Page 7. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. 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. This is due to a wide variety of reasons. Header not showing on all pages - Catch Themes Click on the Cover block to insert it into your post or page. 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! A featured image does not differ from other photos on your website. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. Upon activation, you can go to Code Snippets Header & Footer from your WordPress dashboard. The screenshot below tells us that our featured image is showing up just fine. 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. Scroll to the bottom of the page to click on the Next button. has_header_image (): bool. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. 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. Also, you may have to configure a specific theme setting so that featured images are populating for all posts. You can go to Post > All Posts to review your list of articles. Whenever youre done editing an image, you can click Enter to active the edit, and then Save the image. First, you have to decide what youre trying to achieve. There, below the disable section title, you can check all the boxes of the sections that you would like to remove. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. We'll get back to you in one business day. 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. The featured image may not be in the right place inside the page or post template. However, well recommend a few Open Graph plugins to resolve issues if any of your websites are running on another web host. Weve outlined both common and uncommon problems with featured images. An alternative is to install and activate a plugin like Export All URLs. Take a photo with your own camera. 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. 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. Select the General tab and locate the Description Settings section. Upload multiple photo sizes on a test post and mark down the dimensions of each one. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! Without automated featured images, youre left with blocks of text and links to webpages. Now its time to look at the content within that page to ensure the featured images show up the way they should. Theyre vital to help your post or page move up the rankings. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. 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. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. The advantage of using a method like this is that theres no relying on a default featured image that may not apply to the post. 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. 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. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. On the way, you also learned tips to improve your image editing skills and workflows. 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. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. Upload a Header Image - WordPress.com Support This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. Another element of image optimization involves how those images will show up in the search engines. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. Stick with landscape sizes over portrait photos. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. It does this by halting the loading of images on a page until they come into view on the screen. It allows you to swap out several previously listed uploaded featured images, making all of them the same 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. It often presents useful information in the form of a photograph or graphic image, granting the user a sneak peek into the information behind that link. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. You have to call the header too. If not, reactivate the plugins and move onto a different cause of the problem. You can upload an image to be your cover by clicking on the Select Media or Upload buttons. That means therere no settings to look at or change before it working its magic. 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. Header not showing on following pages in Word 2016 Post thumbnails are what featured images used to be called in WordPress from its early days. Created new Home page. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. Its separate from the main content. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Thats a tremendous problem. This means you must make a page and assign it as the Homepage in the WordPress Reading settings. Best regards . Honestly, I really dont like the Gutnberg editor. Unfortunately, you discover that the featured image doesnt look quite as nice as you had hoped it would. However, if you right click this rectangle and choose 'View image', the correct image is shown. Then well go deeper into other errors. Is there a way to do that without using an external plugin? Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. The following screenshot shows a post working well on Facebook since it includes a summary of the post content, with a link, the title, and the featured image. Not all themes have the same featured image settings. Pay for photos on sites like Shutterstock and iStockPhoto. 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. 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. 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. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. Open your site in MyKinsta. Regardless, a WordPress featured image not showing up is both frustrating and concerning. A lot! Yet, leaving your larger, high-resolution photos in their original formats will surely cause loading problems. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Its also possible to locate all images on your WordPress site by going to the Media Library. Its the opposite of only showing a list of your Latest Posts. For instance, you might consider including things like the Site Name and Post Title but not having the URL. It also helps when your older posts dont have appropriate featured images. How to Remove the Header in WordPress (3 Methods) 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. 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. Next, enter the custom code in the 'Header' section. 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. 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. This means that as you move the crop box, and it sticks to the aspect ratio. 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. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. I always prefer the classic editor. Why Is My Header Image Not Showing WordPress? Locate the section titled Actions with a single image. If you find that its missing, follow the next few steps to activate it. You have the option to crop the featured image thumbnail to the exact dimensions. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. You must host the image in a third-party location and ensure that it will be hosted there for the future. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. 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. The Auto Featured Image plugin provides a unique option for fixing featured image problems. This button has disappeared for me on WordPress. 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. Both cover and featured images function in similar ways, providing large photos at the top of posts and pages, yet they have some differences. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. Make sure the area that says Your homepage displays is set to A Static page. Finding free images for personal and commercial is hard. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Be sure to click the Save Changes button to activate the default featured image on your site. 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. Thats a sure-fire way to eliminating legal problems. To call the header.php file, you should use get_header (); at the top of almost every template (Almost!) Instead, it detects the posts that lack featured images and sets a default featured image for them. The Open Graph protocol is automatically activated for all WordPress posts and pages. Click the Preview Filtering button to see which bulk replacements will occur. it's not working. 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. You would usually find the featured image right below the title and above the first line. You can see that two of my posts now have a new featured image, and theyre the same images. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. Scroll down the list of settings to locate the Preferences option. You can do this by simply asking the theme developer, reading the documentation, or going to the functions.php file. Hi Tre, we guess that the Featured Image block has been turned off in your view. It promises to make the featured image upload process a little easier for website owners. Check out our guide here to learn more about the Facebook Debug Tool. Images in my header seem to be spontaneously not showing in my headers. Click on the Preferences menu (the three vertical dots at the top right). You can find the Featured Image in the right-side Settings panel for all posts and pages. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. But thats fine, as we all start learning somewhere. This is done by using the align feature. Some non-WordPress image editing tools you can use are GIMP, Photoshop Express, and Paint.NET. Check out how this strategy can help get your blog get more traffic. 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. The most important option right now is the Include Image field. Getting back to the featured images, its not set by default to show featured images from blog posts when you put the Latest Posts block into a page. An easy way to see if the Open Graph code is activated on your site is by utilizing an SEO plugin. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. When seeking out a featured image, always consider starting with a larger, high-resolution photo. You can type in custom width and height, or decide on a percentage, so that the tool automatically changes the size of all featured images based on the percentage given. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. 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. The Large Size often dictates the featured image dimensions when shown at the top of a post or page. Header image not showing on homepage | WordPress.org 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. Its usually located at the top of the post or page. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. You can include your header image in your posts by placing it in the tag of your WordPress site's root document. There are many ways to go about it, and well cover them all. has_header_image (): bool. The thumbnail images arent showing up as the right sizes. My header not showing up - WordPress Development Stack Exchange Click the Save & Activate button. Page header meta box says it's using my featured image. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. Go to Posts > Add New to create a new blog post. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. Open the post or page in the editor. 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. Wordpress Header Not Showing on Sub Pages A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. All of them allow you to adjust or get rid of the current featured image. 3. Featured images dont show up as thumbnails in your lists of posts and pages on the dashboard. To find and upload a featured image, move your attention to the post Settings panel on the right-hand side. An odd page header\footer. If not, how do you go about fixing that problem? But what if the featured images arent showing on the blog page? The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. After you select an image, click the Set Default Featured Image button. All other image editing tools are located above the featured image preview. However, plugin conflicts are a different story. Its also a good idea to make adjustments to child themes instead of the core WordPress files. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. But what if those thumbnail images are nowhere to be found? If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. Find and select the triple-dot icon () in the far right corner of the dashboard. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. Begin by installing and activating the Default Featured Image plugin. Here, enable the Display featured image option. 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. 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. 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 plugin seeks out all empty featured image fields and fills them in with the default option. This selects the entire block and reveals settings for that block in the right-side panel. Then scroll down through the settings. When I exported post and media and imported on my new site everything was fine eventually. This helps speed up your featured image creation process while also helping your brand. If not, then WordPress will render the default header file. Going with the Media Library reveals whatever images youve already uploaded to WordPress. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. 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. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Youve figured out how to upload a featured image and completed your post content. Go to Posts > Add New to create a new blog post. The solution often involves going to the theme settings and locating the featured images custom area. Participant. The function get_header is used for calling a new header file. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. Another specific Open Graph module from this plugin is for Twitter. This should be empty, asking you to upload a featured image. For instance, you may want to pull the first image in your content and make it your featured image for a post. Here, we want to make sure the checkbox for the Featured Image is checked. If allowed, you can also change the PHP memory limit on your own by editing your sites wp-config.php file. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. 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. It also helps break up the monotony of text and adds life to your content. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. To check, go to the WordPress post or page editor in question. Feel free to go back and choose more images if you missed any. Do the same for footer.php to get the footer. However, the 1200 x 628 pixels suggestion is just a starting off point. Now that you have the featured images ready, get sharing! 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. A cover image provides a wide or full-width image section to add anywhere on the site.