Added a featured image and it was finally appearing. Did we miss anything important? For free, a fee, or with attribution. Clicking on that brings you directly to the WordPress Media Library. For instance, the last image in a long article doesnt necessarily have to load until the user scrolls down to the bottom of the page and gets to that image. The Preview button also does the trick for testing a featured image, but the public cant see it until you hit Publish. 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. This is the only section of the dashboard that gets changed by the Default Featured Image plugin. Be sure to Save the settings after youre done. I felt I should post it here for those having same issues. A lot! Is there a way to do that without using an external plugin? Here, select the Facebook tab. The only thing to do next is to review and publish the post. If the problem is solved, then it was an error stemming from an outdated plugin. 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. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. Youre better off editing a photo to meet those suggested dimensions before uploading it to WordPress. The Thumbnail size is the featured image shown in other parts of your website, outside of the post itself. The .header-img is a common css class in WordPress themes. This could be just above your site's title and menu, for example. These best practices cover everything from design recommendations to uploading tactics, enabling you to feel confident about all featured images while also cutting down on the amount of time you spend with featured images. Our feature-packed, high-performance cloud platform includes: Get started with a free trial of our Application Hosting or Database Hosting. Consider any WordPress issues that may be causing the problem with your featured image, like conflicts between plugins or a. The Progress Bar indicates exactly where you are in the process of bulk editing the featured images. Scroll to the bottom of the page to click on the Next button. Regardless, all of these errors are frustrating and confusing for users. Go to Posts > Add New to create a new blog post. First, you have to decide what youre trying to achieve. 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. Remove the selected image as the featured image. You can reach out to your current hosting provider and ask them to expand the PHP limit. For instance, we added a Recent Posts feed on the homepage of our test site. Several images are pulled from the post, but you must choose which one you want to use. To edit featured images in WordPress, open a post and scroll to the Featured Images section in the Post Settings panel. Click the Background Image section of the Customizer panel. Choose the Facebook option and scroll down to locate the field to Enable Open Graph Markup. 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. Another concern is that a certain page or post in your WordPress files isnt accessible because of user permissions. Participant. After entering the code, click the 'Save Changes' button. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. Post thumbnails are what featured images used to be called in WordPress from its early days. But thats fine, as we all start learning somewhere. Scaling a photo up is a big no-no. Without automated featured images, youre left with blocks of text and links to webpages. 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. The Featured Image column should now appear in your list of posts or pages. There are several reasons for images to disappear from WordPress. Other times, you may notice that a theme presents a featured image in a different spot than whats expected. Why does an image in "header.php" only display in one page? All selected images appear as thumbnail previews in the plugins dashboard. 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. 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. This is particularly important if youre highlighting your recent posts on the homepage. Your theme, or a plugin, has an error or is causing a conflict with your featured images working. We particularly like its ability to set rules for your past and future featured images. Although it may be a temporary fix, this can also prove useful for setting permanent featured images on pages and general blog posts. We recommend reading our guide on WordPress user roles to ensure everyone on your team can access and view featured images at all times. We'll get back to you in one business day. However, you also want to use photos that actually look good, so you should still shoot for high-resolution photos as much as possible. Select the first two checkboxes to grab the Open Graph image, while the other is for using the page or post featured image. Scroll down to the area called Image Settings. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. You can also test this out for the other social networks like Twitter and Pinterest. You can check out the additional-features available in the theme. We recommend solutions like Optimoleand Imagify. Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. Choose Preferences from the bottom of the menu that appears. The default featured image then populates inside the posts Featured Image module. Three image sizes often get configured on WordPress: Thumbnail, Medium, and Large. Header not showing on all pages - Catch Themes Here, enable the Display featured image option. A first page header\footer. Furthermore, an engaging story isnt complete without the introduction, and thats exactly the purpose of a featured image. Click on the area where you want to place a header image. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. As a quick reminder, you can turn any WordPress page into the homepage by going to Settings > Reading in the dashboard. Here are some plugins that tend to include lazy loading features: Each WordPress page and post template specifies a featured images location. You may have noticed how some popular blogs use images with text wrapped around them. 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. Simply select the image by clicking on it, and then click on alignment button from the block toolbar. 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. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. As you can see, the image we inserted into the post content is shown second since the featured image gets prioritized. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. It takes every URL on your site and exports them into a simple document. Scroll down on that panel and open the Featured Image dropdown item. But, several systems (about 25% of known systems) don't show the images, only a blank rectangle with a small image icon in the center. Therefore, click on the Choose Images button under the section titled Select the featured images you want to replace by the selected image.. At some point, you may realize that several old posts could use new featured images. Finally, a cover image allows for its own unique customization options, like the ability to place overlaying text on top of the image or including a filter. Simply having a header.php in your theme's folder will not output your header to the browser. If a featured image isnt assigned to a post, it will show a blank space in its block instead. For instance, you may want to pull the first image in your content and make it your featured image for a post. After the plugin is installed and activated, go to Featured Images > Bulk Edit. Scroll down in the Block settings tab to view the options available. Not all themes have the same featured image settings. To begin, install and activate the OG plugin on your WordPress site. 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. It results in an image duplication issue like this: Obviously, you dont want this. All other image editing tools are located above the featured image preview. How to Customize Your WordPress Header (Beginner's Guide) Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. 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. If the goal is to have no featured image, you can remove it altogether. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. A column called Featured Image is supposed to appear after the Post Date. In general, the following solutions tend to help with error codes telling you that an image is either too large or not currently supported for uploading: Your hosting provider often sets the WordPress memory limitations. Lets take a look at the basic differences between cover and featured images. Its important to test out how the Default Featured Image works on your site. WordPress permissions decide who can read, write, or edit website files. All you have to do is click on the icon to insert it somewhere on the homepage. There can be up to 3 different headers (and footers) in a document, or each Section of a document. Go to Appearance Editor. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. Its used to show the start of a new section or an article. Starting with dimensions, all websites, or more specifically, the website themes, have varying dimensions for featured images in posts. Note: Sometimes newer websites have trouble with Facebook and other social sites because Facebook hasnt crawled the site already. Click the + Block Inserter icon to add a new block. The solution often involves going to the theme settings and locating the featured images custom area. Well only cover how to fix your featured images with built-in WordPress tools for this tutorial. Were most interested in the bulk editing tool for this tutorial. Its also possible to generate featured images based on post authors, tags, and post types. Its usually located at the top of the post or page. As you can see, the two posts shown from before had their featured images swapped out by the one I had wanted. With the OG plugin activated, you should now see the post information and the featured image in the preview. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. THANKS A cover image provides a wide or full-width image section to add anywhere on the site. 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. Get premium content from an award-winning cloud hosting platform. The featured image field is missing when youre trying to edit or create a page or post. For instance, all of your featured images could have a black and white filter. Check to see if you can now upload and see your featured images. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. Activating Open Graph on your WordPress site is pivotal in showing your featured images on platforms like Facebook. The featured image may not be in the right place inside the page or post template. Here, we want to make sure the checkbox for the Featured Image is checked. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. Click the featured image thumbnail to access its various settings. Thats the main reason you would take advantage of this plugin. 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. Or if the featured image fails to show up on social media, but its working fine on your website. For more details, you can see our guide on how to add header and footer code in WordPress. First, the plugin opens up the default limit that WordPress sets of having one featured image per post. 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. Start your free trial today. It allows you to swap out several previously listed uploaded featured images, making all of them the same image. Again, check to see if the featured images are showing up after all plugins are deactivated. Now, go to Settings > Media in your WordPress dashboard. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. In terms of featured images on Facebook, we often see the following problems: All the concerns listed above stem from similar problems. Our last option for turning on the Open Graph protocol to reveal featured images is called the Open Graph and Twitter Card Tags plugin. customization - Header image doesn't show up on page - WordPress I suggest you to upgrade to pro. 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. If the featured image fails, you know which plugin is causing the problem. Usually, duplicate featured images arent two featured images, but one featured image and a separate photo in the articles content area. You may discover that your theme does well with slightly wider or shorter featured images. Now I just need to fix everything else on my website that I had turned off and messed around with while going slowly insane trying to trouble shoot a problem that was nothing to do with WordPress, themes or plugins GRRRRRRRR. Why WordPress Images Aren't Showing and How to Fix them Its possible that your current user role doesnt allow you to upload or view featured images. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. For instance, you may see the featured image appear on a list of Recent Posts or a blog feed on your homepage. Whats more, several settings are now available to make the featured images look professional. If you find yourself in this situation, we recommend returning to the Facebook Sharing Debugger Tool and clicking on the Batch Invalidator option. However, the 1200 x 628 pixels suggestion is just a starting off point. You never know when a human error may result in a featured image not being uploaded to your website. The Add Block button looks like a + sign. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. Talk with our experts by launching a chat in the MyKinsta dashboard. In the Preferences overlay, click on Panels on the left. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. 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. I looked at the Graphene theme and didn't see anything in the theme which would do that so it's probably a plugin. The featured image is too small or too large. After all, its difficult to shrink, resize, and crop every image manually you plan to upload. 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. 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. You can also configure settings to have a default Post Image Source, like pulling the first image from a post or going with the Featured Image. However, if you use any other hosting provider, it may prove useful. That way, you can scale it down for a digital interface while still maintaining much of its resolution. Wrong file permission or ownership. If you see the same photo under the Featured Image tab and in your content, thats causing the problem! 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. As a test, lets visit a post that already has a featured image included with the article. Hence, many hosts, and WordPress itself, define a maximum upload file size. The theme doesnt allow for featured images, or you have to turn them on through the theme settings. Twitter Cards are a little different than Facebook sharing modules, so you can go through these settings to make sure everything looks good. Here, youll see a Progress Bar at the top of the page. You would usually find the featured image right below the title and above the first line. We covered the Open Graph essentials in the section above. My guess is your Head navigation is not called in header.php check you file page.php and see the lines following <?php get_header (); ?> if the lines below introduce header navigation either move them into header or copy them into same location in your single.php file Share Improve this answer Follow answered Nov 16, 2016 at 16:03 Artem Ankudovich Its also a good idea to make adjustments to child themes instead of the core WordPress files. Sometimes the best solution is to install a plugin and hope that it provides the features needed to fix everything. Yeah inside the Editor, when editing a post, clicking the Settings, then scrollow down past Permalink, Categories, Tags, etc. 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.