wordpress header image not showing on all pages

This means that youve turned off a setting on your dashboard to reveal the Featured Images column. 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. 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. There can be up to 3 different headers (and footers) in a document, or each Section of a document. The featured image field is missing when youre trying to edit or create a page or post. Reactivate each plugin one-by-one. In the Preferences overlay, click on Panels on the left. If the featured image is showing on Facebook, then theres a good chance it also appears on other social sites. Go to Posts > Add New to create a new blog post. Begin by installing and activating the Default Featured Image plugin. Once everything looks good and youve decided that those old featured images are ready to be replaced, click the Apply button to finish the bulk edit. The featured image is too small or too large. The wrong featured image is showing up on Facebook. We recommend taking a look at his guide to walk you through those steps in detail. 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. I have experienced similar issues, I exported my post from another website to another new site I am building when I tried importing, it didnt come with the featured images. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. For instance, you could type in a 2 x 1 aspect ratio. For instance, you could cut down each featured image to 25% of its original size. In those cases, you may go with the first or third options. Overall, photos on your website take up a significant amount of server space, potentially slowing down your site loading times. But what if those thumbnail images are nowhere to be found? Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. 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. 2 Answers. Hit the Enter key to activate the crop and see the result in the preview. Click on the area where you want to place a header image. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. You can search for specific keywords and set them as your featured images. On the way, you also learned tips to improve your image editing skills and workflows. There are many ways to go about it, and well cover them all. You can insert a Cover block anywhere in a post or page, not just at the beginning. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. It tells WordPress to display the featured image in the templates exact location. Here are some general rules to follow before uploading your featured image: Another tactic for finding and setting the perfect featured image size is to visit the Media section of your WordPress dashboard. 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. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. 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. However, you may find that the theme has removed featured images in the coding, and it doesnt have any additional tools to override the lack of featured images. Many of them provide tools for seeing previews of what shows up on Facebook and other social networks. We recommend reading our guide on WordPress user roles to ensure everyone on your team can access and view featured images at all times. Then scroll down through the settings. Your theme, or a plugin, has an error or is causing a conflict with your featured images working. Besides, the featured images for each post should be shown above the post title and link. 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. Another Screen Options dilemma comes into play when you do not see the actual field to upload and insert a Featured Image. We covered this solution already in the previous section, yet it fits well in the best practices, too. 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. WordPress added the Cover block to its Gutenberg editor only recently. Yet, leaving your larger, high-resolution photos in their original formats will surely cause loading problems. This allows you to paste in up to 50 URLs and run the tool so that Facebook scraps their metadata properly again. Its settings are located in the WordPress Media Settings, but you have only one field you to fill out. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. Go to Posts > Add New to create a new blog post. This brings up the Media Library, from where you can choose an image to serve as your Default Featured Image. Click the Save & Activate button. Incorrect permalink setup. You may discover that your theme does well with slightly wider or shorter featured images. Youve figured out how to upload a featured image and completed your post content. Configure WordPress Dashboard Settings 5. Scroll to the bottom of the page to click on the Next button. 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. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. 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. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. This plugin seeks out all empty featured image fields and fills them in with the default option. This means that as long as you click Save Draft or Publish, the image remains active on that post until you remove it. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. For example, you may rather have one featured image appear in the sidebar, but a different one shows up when the post is in a list on your homepage. Click the Preview Filtering button to see which bulk replacements will occur. 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. 3. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. 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. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. By default, WordPress offers a featured image for all posts and pages. This tells us the plugin is doing its job by adding the default featured image to the right posts and leaving out the ones that already have featured images. To adjust the location of a featured image, go to the page or post template being used. After entering the code, click the 'Save Changes' button. The Add Block button looks like a + sign. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. 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. If the featured images now work, one of your plugins was the issue. Many blind people are using the internet through screen readers. 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. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. 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. Its separate from the main content. Each file/page calls the header.php and displays it. WordPress makes it easier to align images to the left, right, or center. it's not working. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. The new dimensions are also listed on the right side of the pop-up window. You may have a lot of old posts that dont generate featured images when shared on Facebook. Click the Remove Block option at the very end of the list. 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. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. You can go to Post > All Posts to review your list of articles. Featured images break for various reasons, and its often on a case-by-case basis. 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. After the plugin is installed and activated, go to Featured Images > Bulk Edit. Therefore, you have to check each plugin to see if they have this feature enabled on your site. Visit our Facebook page; Visit our Twitter account; Visit our Instagram account; Visit our LinkedIn account Stick with landscape sizes over portrait photos. 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. However, if you right click this rectangle and choose 'View image', the correct image is shown. 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. For instance, the Image Size field tells your website how large to make those featured images in the list or gallery. Thats because theres no need to activate an Open Graph plugin with Kinsta. The Featured Image Settings are towards the bottom. The new cover shows up in the editor preview, and you can also edit the blocks settings on the right-hand panel. The block is called Latest Posts. Showing a gallery or list of your recent blog posts is done by adding a Gutenberg block element to the page designated as the WordPress Homepage. We suggest running a test to see if the featured images actually show on Facebook or not. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. If you find a photo that you really love, reach out to the photographer or artist and ask if you can use their work on your website. This usually means that theres something wrong with the image itself, or you need to allow larger uploads to your WordPress site. 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. I have spent MONTHS trying to figure out why my images were not working it was the Hotlink thing ALL along!!! Its possible a theme changed this. Get all your applications, databases and WordPress sites online and under one roof. Avoid images that are way too large or small. The the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. 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. Locate the Settings panel towards the right side of the page. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. As always, we recommend backing up your WordPress site before making edits to the code. You may only need a basic photo thats relevant to your website on those pages. The only thing to do next is to review and publish the post. Now, go to your Facebook page (personal or business) and paste a link with a featured image into the Status field. A WordPress featured image functions as a visual welcome card, a cue to visitors to come on in and enjoy whats behind a link. Simply having a header.php in your theme's folder will not output your header to the browser. 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. Again, Kinsta bans many Open Graph plugins, including this one. 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. The .header-img is a common css class in WordPress themes. However, you still may see a vague error, as the following HTTP error. message. 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. An alternative is to install and activate a plugin like Export All URLs. Problem with image name. 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. Hi Tre, we guess that the Featured Image block has been turned off in your view. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. Upload multiple photo sizes on a test post and mark down the dimensions of each one. Note: Many website owners use third-party gallery or post listing plugins to make this happen. You can troubleshoot a featured image not showing up or edit each featured image manually. That means you cant simply take any photo and expect it to look great as a featured image. The last page presents the bulk edit results, with details about the posts that now have new featured images. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. Both cover and featured images function in similar ways, providing large photos at the top of posts and pages, yet they have some differences. 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. However, the 1200 x 628 pixels suggestion is just a starting off point. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. As you can see, a different image appears in the Featured Image section. 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. We recommend you follow these steps to ensure youre doing it the right way. Alternatively, you may find yourself in the older version of the WordPress editor. Legal information. We usually recommend editing an image before uploading it as a featured image (third-party editing tools have more advanced features). 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. The Featured Image column should now appear in your list of posts or pages. To check, go to the WordPress post or page editor in question. Finding free images for personal and commercial is hard. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. Where do you go from here? Premium Responsive WordPress Themes with advanced functionality and awesome support. There are several reasons for images to disappear from WordPress. Here, select the Facebook tab. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. Theres a field for choosing where the image should come from when sharing a post or page to social media. First, you have to decide what youre trying to achieve. 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. 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. Its a good practice to know which photos look good on WordPress. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. 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. For more details, you can see our guide on how to add header and footer code in WordPress. We recommend checking boxes for the Title, URL, and Description. If its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. 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. Do the same for footer.php to get the footer. However, if you use any other hosting provider, it may prove useful. Thats a sure-fire way to eliminating legal problems. Its possible that your current user role doesnt allow you to upload or view featured images. Another specific Open Graph module from this plugin is for Twitter. Plugins, although rather useful for building a WordPress website, occasionally have questionable coding. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. 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. Under there, youll find a field called Featured Image. You should now see a thumbnail of that image for all posts that dont have featured images already uploaded. 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. If a featured image isnt assigned to a post, it will show a blank space in its block instead. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. 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. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. We recommend experimenting with the content settings, like showing Post Content, Display Author Name, or Display Post Date. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. 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. Select the image you like, then click on the Choose Image button. Your themes coding often structures the featured image location and formatting. We'll get back to you in one business day. Get a personalized demo of our powerful dashboard and hosting features. February 22, 2022 at 2:36 am #300302. All files/pages are in the root folder. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. However, only the front-page.php file shows the image. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. 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. This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. Checks whether a header image is set or not. The key to fixing this issue is ensuring your user roles and permissions are all set properly. This means you can upload several featured images and choose which one of them gets shown on different parts of your website. The featured image may not be in the right place inside the page or post template. WordPress offers several ways to list your blog posts elsewhere on a website, yet sometimes you have to configure the right settings to ensure they show up properly. An odd page header\footer. 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. What if the featured image isnt the right one, or you do not see an image at all?