wordpress header image not showing on all pages
Again, check to see if the featured images are showing up after all plugins are deactivated. 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. 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. Get a personalized demo of our powerful dashboard and hosting features. The Auto Featured Image plugin provides a unique option for fixing featured image problems. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. WordPress permissions decide who can read, write, or edit website files. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). Regardless, a WordPress featured image not showing up is both frustrating and concerning. Topic: Header image does not appear. | WordPress.com Forums We recommend reading our guide on WordPress user roles to ensure everyone on your team can access and view featured images at all times. However, you still may see a vague error, as the following HTTP error. message. With your position I solved a problem that lasted for months. We have an excellent guide on optimizing your WordPress images. Skandha. Open your site in MyKinsta. We covered this solution already in the previous section, yet it fits well in the best practices, too. The featured image field is missing when youre trying to edit or create a page or post. The max height shouldnt matter as much since your featured images shouldnt be that tall. Returning back to the original page, the image suddenly shows up. Simple, Clean and Lightweight Responsive WordPress Themes . 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. 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 most important option right now is the Include Image field. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Youve noticed something wrong with one, or all, of your featured images. 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. The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. Post thumbnails are what featured images used to be called in WordPress from its early days. Find the section called Featured image settings. Again, Kinsta bans many Open Graph plugins, including this one. Weve outlined both common and uncommon problems with featured images. You would usually find the featured image right below the title and above the first line. 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. 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. Overall, the Default Featured Image plugin has some simple tools for adding a default featured image with a buttons click. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. 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.. Click on the Cover block to insert it into your post or page. Its easy to grab a quick image that relates to the article just to save time. You can fix it by following these instructions: The good news is that all future posts without featured images will automatically add the default photo. You may discover that your theme does well with slightly wider or shorter featured images. @chrissel: Hello there, I am afraid the option to display Header Images on all pages is only available in the pro version of the theme. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. After that, feel free to drag it up or down on the homepage so that its located in the proper position. An easy way to see if the Open Graph code is activated on your site is by utilizing an SEO plugin. There can be up to 3 different headers (and footers) in a document, or each Section of a document. The following page explains which current featured images will be replaced by the future featured image you specified from before. In this module, you can select multiple images from your Media Library. We suggest running a test to see if the featured images actually show on Facebook or not. It helps with cleaning out those posts where you forgot to add a featured image or, at some point, removed it due to the original featured image not holding up to your standards. Make your site accessible to them. Here's the definitive guide to fix WordPress featured image not showing properly on your site , reach out to your current hosting provider, reading our guide on WordPress user roles, cut this piece of code and paste it somewhere else, Kinsta bans the majority of Open Graph plugins, The Ultimate Guide to Fixing and Troubleshooting the Most Common WordPress Errors (70+ Issues), Visual Content Strategy: How to Use Visuals to Get More Traffic, 10 Stunning Places to Find Free Images For WordPress. You can reach out to your current hosting provider and ask them to expand the PHP limit. Image optimization tools like ShortPixel and, Direct lazy loading plugins such as Lazy Load by, Database and site optimization tools such as. It takes every URL on your site and exports them into a simple document. I later deactivated the plugin, but that hasn't made a difference. A cover image provides a wide or full-width image section to add anywhere on the site. 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. To move forward and see the featured image in action, click the Publish button. The function get_header is used for calling a new header file. WordPress Featured Image Not Showing Properly (Or Not At All), WordPress featured images not showing properly on your site? 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. Check out our guide here to learn more about the Facebook Debug Tool. You can find the Featured Image in the right-side Settings panel for all posts and pages. This allows you to paste in up to 50 URLs and run the tool so that Facebook scraps their metadata properly again. Then well go deeper into other errors. 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. Best regards . It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. Or they simply arent updated, leading to all sorts of conflicts. This selects the entire block and reveals settings for that block in the right-side panel. has_header_image (): bool. However, the 1200 x 628 pixels suggestion is just a starting off point. 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. Here, we want to make sure the checkbox for the Featured Image is checked. 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. 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. Hello! 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. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. Thats a tremendous problem. Several factors can influence your header image not showing in WordPress, such as: An HTTP error due to the WordPress memory limit exhaustion. Your themes coding often structures the featured image location and formatting. Many image optimization plugins offer lazy loading functionality as an add-on. Feel free to go back and choose more images if you missed any. Where do you go from here? Start your free trial today. 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. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. Its possible that your current user role doesnt allow you to upload or view featured images. This way, youre not limiting your sites resources with too many large photos. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. 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. Talk with our experts by launching a chat in the MyKinsta dashboard. Wrong file permission or ownership. One way to get in serious trouble with your images is by using photos and graphics you randomly find online. You have the option to crop the featured image thumbnail to the exact dimensions. We recommend taking a look at his guide to walk you through those steps in detail. Click on Preferences to reveal a new pop-up window. Now, go to Settings > Open Graph and Twitter Card Tags. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. This brings up the Media Library, from where you can choose an image to serve as your Default Featured Image. If youre still not having success with that, consider going to the Facebook Sharing Debugger to ensure Facebook knows how to crawl your website, as thats usually the problem if you already have the Open Graph protocol activated. All of these come into play when highlighting your recent posts and ensuring they look presentable while also displaying your featured images. This could be just above your site's title and menu, for example. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. 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. Although there are limited simple solutions to remove suspicious coding, your best bet is to stick with photos you either purchase legally or take your own photos instead of pulling directly from Google (which is technically illegal anyway) or finding images from sketchy websites. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. 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 is important because the bulk edit is permanent, so you want to be sure of your actions at each step. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. 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! Reinstalled GP plug in. For the AIOSEO plugin, navigate to the All in One SEO menu and click on the Social Networks tab. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. 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. 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. Go to Posts > Add New to create a new blog post. 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. 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. How to Fix WordPress Featured Image Not Showing: 7 Solutions 1. 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. 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. 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. Also, make sure the width of the image is set to 1080px. However, you may have to update previously published posts for the default featured image to show up on those. Lets take a look at the basic differences between cover and featured images. 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. Go to Appearance Editor. Again, in this tutorial, we named the page Homepage, but you may have something different. If not, then WordPress will render the default header file. Header image not showing on homepage | WordPress.org It should have a Front Page label next to it. It results in an image duplication issue like this: Obviously, you dont want this. 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. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. An even page header\footer. Note the exact issue, like if the image isnt uploading. The last way to edit featured images in WordPress involves cropping the image but maintaining a certain aspect ratio. Here, youll see a Progress Bar at the top of the page. It is primarily used for replacing featured images in bulk. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Choose Preferences from the bottom of the menu that appears. You can go to Post > All Posts to review your list of articles. Remove the selected image as the featured image. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. It eliminates a significant amount of manual upload work that could be waiting for you. We recommend solutions like Optimoleand Imagify. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. That way, you can scale it down for a digital interface while still maintaining much of its resolution. 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. Click Upload to upload the image from your computer or click Select Media to choose an . 2 Answers. 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. https://wordpress.org/plugins/unique-headers/ I think its work for you Share Improve this answer Follow answered Mar 22, 2019 at 4:32 Harsh Khare 509 1 3 13 I tried this as well and it didn't override the current theme's headers and didn't add anything unfortunately. 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. Another simple yet common mistake made by WordPress users is to implement a cover image for a post or page and assume it works like a featured image. Click the Edit Image link to proceed with the edit. You can upload a featured image to every post and page. Scroll down the list of settings to locate the Preferences option. But what if the featured images arent showing on the blog page? Visuals can be decisive in your content marketing plan. Along with activating the Open Graph for all social networking sites, this plugin has the added advantage of including Twitter tags to improve your Twitter sharing results. 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. Another option is to take action with no selected image, like removing a featured image that repeats several times on multiple posts, or if you need to remove all featured images without existing image files. The most common ones are: Incorrect home and site URL. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. Theres a field for choosing where the image should come from when sharing a post or page to social media. Header not showing on following pages in Word 2016 Theres also an Image Alignment setting to indicate if the images should slide to the right, center, or left. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). Scroll down to find a new field called Default Featured Image. The .header-img is a common css class in WordPress themes. Is there a way to do that without using an external plugin? If the featured images now work, one of your plugins was the issue. there is no Featured Image section in there at all. This button has disappeared for me on WordPress. Click the Choose Image button to proceed. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. As an alternative, its often a better idea to leave the Crop Thumbnail box unchecked, so the Thumbnail dimensions are used as more of a guideline. 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. customization - Header image doesn't show up on page - WordPress Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. Kinsta and WordPress are registered trademarks. My header not showing up - WordPress Development Stack Exchange 3. The Link Preview area shows you exactly what your post will look like if you, or someone else, shares it on Facebook. Otherwise, you run the risk of someone deciding not to share the post at all, or your brand looking unprofessional when users do share any of your sites links. Overall, its best to opt for a plugin that optimizes your images on a third-party server. However, plugin conflicts are a different story. It can also prevent people from sharing your work, considering its not all that appealing to share a blog post on Facebook that doesnt have a featured image. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. 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. The Large Size often dictates the featured image dimensions when shown at the top of a post or page. As with most WordPress settings, these also tend to modify the way your featured images appear. A lot! If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. Click the Remove Block option at the very end of the list. Click the Save & Activate button. You may have a lot of old posts that dont generate featured images when shared on Facebook. 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. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Its gone! If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. 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. First, you have to decide what youre trying to achieve. I felt I should post it here for those having same issues. Scroll down to the section called Document Settings. The good news is that WordPress blocking an image because of this reason means that WordPress has done its job! Think about installing a plugin that resolves problems for featured images without you having to do much work. To start, install and activate the Open Graph and Twitter Card Tags plugin on your WordPress site. Make sure the area that says Your homepage displays is set to A Static page. Themes and plugins are some of the more common reasons featured images fail or get blocked. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. 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!! If youre still having problems, go to SEO > Social in the WordPress dashboard. Another Screen Options dilemma comes into play when you do not see the actual field to upload and insert a Featured Image. In those cases, you may go with the first or third options. 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. Relevance also comes into play when you manually insert an image for each featured image in an article. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. Therefore, we recommend checking your themes support for featured images. Finally, the featured image shows up automatically when you create a feed or gallery of your blog posts or other webpages. It is working fine for mobile and tablet. 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.