wordpress header image not showing on all pages

The Pexels collection isnt much different from your Media Library, except you have the luxury of finding beautiful photos without having to take them yourself. 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. This could lead to a photo owner reaching out and asking you to remove many of your featured images, or worse, threatening legal action. Though theres no recommended size for a WordPress featured image, we suggest starting with 1200 x 628 pixels. For instance, you may want to pull the first image in your content and make it your featured image for a post. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. One way to get in serious trouble with your images is by using photos and graphics you randomly find online. To call the header.php file, you should use get_header (); at the top of almost every template (Almost!) 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. 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. After the plugin is installed and activated, go to Featured Images > Bulk Edit. It eliminates a significant amount of manual upload work that could be waiting for you. Larger images get compressed and lose quality, while smaller images get stretched out and end up looking terribly blurred. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. You have the option to choose one and click the Set Featured Image button. 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. In this situation, you would randomly set multiple featured images for your posts based on photos you choose from the Media Library. Hence, this issue is exclusive to those using it. The Default Featured Image plugin offers a simple way to override all instances where a featured image is not set for a page or post. For instance, all of your featured images could have a black and white filter. Twitter Cards are a little different than Facebook sharing modules, so you can go through these settings to make sure everything looks good. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. I agree Pedro, I have never liked working Gutenberg editor, It has a way of messing things up. You may also want to set a Default Image URL to appear if a post doesnt have a featured image assigned to it. Scroll down to the section called Document Settings. You can find the Featured Image in the right-side Settings panel for all posts and pages. Your dashboard settings could have the featured image fields completely turned off. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. You can check out the additional-features available in the theme. Think about using a default featured image plugin to fill in the blanks and list temporary or permanent featured images when you forget to do so. The featured image should quickly appear whenever someone wants to share one of your posts or pages on a social network. Disable Lazy Loading 4. Learn how to fix it once and for all , Featured images matter. 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. However, you may have to update previously published posts for the default featured image to show up on those. Think about installing a plugin that resolves problems for featured images without you having to do much work. Here, you can set everything for the Open Graph sharing protocol, yet specific unique traits for Facebook only. This is done by using the align feature. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. You can troubleshoot a featured image not showing up or edit each featured image manually. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. We covered the Quick Featured Images plugin above in this article. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. Now, go to Settings > Media in your WordPress dashboard. 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. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Finally, the featured image shows up automatically when you create a feed or gallery of your blog posts or other webpages. However, if you use any other hosting provider, it may prove useful. Simply having a header.php in your theme's folder will not output your header to the browser. But what if the featured images arent showing on the blog page? The first problem arises when you cant see the featured image thumbnails in your list of pages or posts. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account The featured image is too small or too large. has_header_image (): bool. For instance, you could add or remove items like tags, categories, and the author. You can also do this with pages or click on the All Posts option if you're interested in adding a featured image to a previously generated post. Its possible that your current user role doesnt allow you to upload or view featured images. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. Insert any content you want for the blog post. The Large Size often dictates the featured image dimensions when shown at the top of a post or page. There are two solutions to this. The theme is not coded well, or the developer has removed the default featured image functionality on purposemainly because they have other settings to control the featured image. For more details, you can see our guide on how to add header and footer code in WordPress. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. You can go to Post > All Posts to review your list of articles. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. Wrong file permission or ownership. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. Clicking on that brings you directly to the WordPress Media Library. The most common ones are: Incorrect home and site URL. If the goal is to have no featured image, you can remove it altogether. You may see a simple list of links, along with descriptions from those posts. Three options are available for you to bulk edit the featured images: Choose the right option depending on what youre trying to achieve. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. The screenshot below tells us that our featured image is showing up just fine. If the problem is solved, then it was an error stemming from an outdated plugin. Youll see a message that tells you the Image Saved. The function get_header is used for calling a new header file. After entering the code, click the 'Save Changes' button. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. 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. Its used to show the start of a new section or an article. Added a featured image and it was finally appearing. Scaling a photo up is a big no-no. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. Scroll down the list of settings to locate the Preferences option. 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. As you can see, the two posts shown from before had their featured images swapped out by the one I had wanted. Open the post or page in the editor. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. 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. Hi Tre, we guess that the Featured Image block has been turned off in your view. Be sure to Save the settings after youre done. As always, we recommend backing up your WordPress site before making edits to the code. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. Note: Youre always able to come in here and change the static homepage. Your themes coding often structures the featured image location and formatting. Fix the HTTP Error When Uploading a Featured Image 2. 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. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. Premium Responsive WordPress Themes with advanced functionality and awesome support. Therefore, you have to check each plugin to see if they have this feature enabled on your site. Get premium content from an award-winning cloud hosting platform. These are the general Media settings for your entire WordPress website. Take a photo with your own camera. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. You have to call the header too. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. Theyre all telling you that Facebook is either having trouble accessing the Open Graph data from your website, or theres no Open Graph data, to begin with. Again, check to see if the featured images are showing up after all plugins are deactivated. If the featured images now work, one of your plugins was the issue. Talk with our experts by launching a chat in the MyKinsta dashboard. Now, go to Settings > Open Graph and Twitter Card Tags. Select the General tab and locate the Description Settings section. The good news is that all future posts without featured images will automatically add the default photo. Its not uncommon for brands to share a list of the most recent posts, yet a gallery or feed with just links may not attract as much attention. On the way, you also learned tips to improve your image editing skills and workflows. Click the Background Image section of the Customizer panel. The plugin also has a wonderful native search engine that pulls from places like Google, Pixabay, and Unsplash. Unfortunately, an image with malware or a virus is already compromised. To begin the process of bulk editing featured images, scroll down on the page. Do you have to have a certain plugin to have it show up? Besides, the featured images for each post should be shown above the post title and link. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). I don't think I've changed anything in setting to cause this. 2 Answers. 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. If you switch it to the Thumbnail option, those images shrink slightly and usually become perfect squares. You also agree to receive information from Kinsta related to our services, events, and promotions. If not, reactivate the plugins and move onto a different cause of the problem. Created new Home page. 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. Click on the Select Default Featured Image button. If not, how do you go about fixing that problem? These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Switching it to Large or Medium adjusts the sizing of all featured images in the block and adds more of a landscape view depending on your featured images dimensions. There are several steps you can take to mitigate the problems: Thats a simple three-step process, but theres much more detail behind fixing your featured images. For the AIOSEO plugin, navigate to the All in One SEO menu and click on the Social Networks tab. Next up, click on the Facebook Open Graph tab. A featured image does not differ from other photos on your website. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. It takes every URL on your site and exports them into a simple document. Upload multiple photo sizes on a test post and mark down the dimensions of each one. Make sure to get this agreement in writing (email works too). Fill in the title, write paragraphs, and upload images to the article. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. 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. You can fix it by following these instructions: Incorrect image URLs. You may only need a basic photo thats relevant to your website on those pages. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. Plugin Conflicts. 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. To remove that image block, click on the three-dot icon after selecting the image block. The only time youll find that its okay to share an image on your website for free is when you pull from a website like Pexels or Unsplash. This allows you to paste in up to 50 URLs and run the tool so that Facebook scraps their metadata properly again. 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. Its also rather common to adjust the cover to fill the pages full width, making it even more effective to introduce an article or a separator between sections. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! You can upload as many images as youd like while also choosing which featured image should display in certain areas and how big those images should be. Kinsta and WordPress are registered trademarks. 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. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! Its easy to grab a quick image that relates to the article just to save time. This button has disappeared for me on WordPress. A column called Featured Image is supposed to appear after the Post Date. 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. Going with the Media Library reveals whatever images youve already uploaded to WordPress. However, you also want to stick to a consistent theme. Kinsta Hosting already offers Open Graph support, along with the possibility to control this using Yoast SEO. Its also a good idea to make adjustments to child themes instead of the core WordPress files. This setting controls the sizing of all featured images shown in the Latest Posts block. Note: Many website owners use third-party gallery or post listing plugins to make this happen. 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. I later deactivated the plugin, but that hasn't made a difference. Several images are pulled from the post, but you must choose which one you want to use. 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!! Therefore, Kinsta bans the majority of Open Graph plugins as they can cause conflicts. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. The next part is the most important element since it activates the featured images in the Latest Posts block. Reinstalled GP plug in. The next best method is using a managed host like Kinsta, which already has Open Graph configured for you. It looks like only two of the images selected are actually stored as featured images in our posts. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. 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. 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. Deleted all plugins. Scroll down in the Block settings tab to view the options available. 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. That means you cant simply take any photo and expect it to look great as a featured image. It should have a Front Page label next to it. Or maybe they include colorful animations while still representing whats in the posts. Youre better off using a plugin that can override the conflict than swapping out your entire theme and redesigning your website just to fix featured images.