Allow Featured Image for Viewing 6. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. However, you may have to update previously published posts for the default featured image to show up on those. Youll typically see this happens on post lists or at the top of a page or post, resulting in two of the same photos stacked on top of each other. This shows that youd like to have a customizable homepage with the ability to add and remove block elements through page builders like Gutenberg. That means you cant simply take any photo and expect it to look great as a featured image. I have created several files/pages, such as; index.php, front-page.php, page-about.php and single.php for example. Finally, the featured image shows up automatically when you create a feed or gallery of your blog posts or other webpages. Finding free images for personal and commercial is hard. The default featured image then populates inside the posts Featured Image module. Be sure to click the Save Changes button to activate the default featured image on your site. It eliminates a significant amount of manual upload work that could be waiting for you. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. The screenshot below tells us that our featured image is showing up just fine. Because of this, pasting and Debugging the URL in the Sharing Debugger Tool from Facebook could actually solve your problems altogether. You can include your header image in your posts by placing it in the tag of your WordPress site's root document. Click the Background Image section of the Customizer panel. Scroll down to find a new field called Default Featured Image. If thats the case for you, youll have to consult with the plugins developer. 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. It may sound silly to some, but many WordPress beginners dont know how to upload a featured image in the first place. Click the Preview Filtering button to see which bulk replacements will occur. Click the Homepage dropdown field to reveal the list of pages you currently have active on your website. 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. Make sure the Featured image toggle is switched on. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. After that, click on the Save Changes button and test to see if Facebook sharing allows the featured image to appear. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. The Screen Options section has a long list of fields to check off and sets what you want in your WordPress dashboard. Visuals can be decisive in your content marketing plan. Simple, Clean and Lightweight Responsive WordPress Themes . Is there a way to do that without using an external plugin? All files/pages are in the root folder. One way to complete this task is by opening up your Facebook account and pretending youre about to share a status update. Its a good practice to know which photos look good on WordPress. If the problem isnt fixed, proceed to deactivate all plugins. This turns on the featured images for all the latest posts being pulled. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. 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. Incorrect image URLs. This way, youre able to copy and paste them easily into the Facebook Sharing Debugger Tool. 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. Learn how to fix it once and for all Click to Tweet. To change the featured images location, cut this piece of code and paste it somewhere else in the page/post template. 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. Its a must-read to speed up your WordPress site. As a quick reminder, you can turn any WordPress page into the homepage by going to Settings > Reading in the dashboard. 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. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. The Featured Image from URL, or FIFU, plugin allows you to take an external image and use it as a featured image for a post or page. We suggest running a test to see if the featured images actually show on Facebook or not. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. Your dashboard settings could have the featured image fields completely turned off. Therefore, I am trying to use the custom field name "header_image with the value using the the correct url. This way, youre not limiting your sites resources with too many large photos. 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. 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. Essentially, this plugin suits those struggling to decide which featured image to use, or when one featured image makes sense at the beginning of the article, but another one looks better in a sidebar. 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. 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. Check this box so that the featured image from a WordPress post or page gets populated upon sharing to Facebook. Click the Remove Block option at the very end of the list. At some point, you may realize that several old posts could use new featured images. You would usually find the featured image right below the title and above the first line. In general, a cover image is far more customizable directly from the WordPress dashboard than a featured image. Try to set the images as featured images for the Posts and the pages. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. Once on the Developers Debug Tool page, find the Sharing Debugger tab, and paste the URL in question. The Multiple Featured Images plugin boasts several features that come in handy when troubleshooting and resolving your featured images problems. Plugin Conflicts. 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. 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. You can also test this out for the other social networks like Twitter and Pinterest. First, you have to decide what youre trying to achieve. Remove the selected image as the featured image. Click the Choose Image button to proceed. However, if you right click this rectangle and choose 'View image', the correct image is shown. Explore our plans or talk to sales to find your best fit. Its also a good idea to make adjustments to child themes instead of the core WordPress files. Page header meta box says it's using my featured image. 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. Make sure the right featured image is selected in the Media Library. Locate the Settings panel towards the right side of the page. To begin, install and activate the OG plugin on your WordPress site. If you switch it to the Thumbnail option, those images shrink slightly and usually become perfect squares. 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! Go to the post in question, click on the Share to Facebook link, and see if the featured image appears in the pop-up window. In this situation, you would randomly set multiple featured images for your posts based on photos you choose from the Media Library. Featured images look much better when the width is longer than the heightoften around a 2:1 ratio. 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. However, with the Default Featured Image plugin active, all you have to do is click on the posts Update button. Skandha. Added a featured image and it was finally appearing. But what if those thumbnail images are nowhere to be found? Yet, even with those websites, youre usually asked to provide attribution for all photos (which is tough as featured images often dont allow captions). 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. Therefore, it could help with issues you may see with upload size restrictions or even if your permissions arent set properly. I felt I should post it here for those having same issues. Note: Featured images get pulled from WordPress and populated on social media sites with the use of something called Open Graph. 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. Check out our guide here to learn more about the Facebook Debug Tool. Three options are available for you to bulk edit the featured images: Choose the right option depending on what youre trying to achieve. Considering you should be uploading high-resolution images as featured images, it makes sense to automate optimization. The most common ones are: Incorrect home and site URL. 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. Overall, the Default Featured Image plugin has some simple tools for adding a default featured image with a buttons click. For more such image optimization tips and tricks, read our in-depth image optimization guide. You can still maintain the quality of an image after compression, cropping, or resizing. Scaling a photo up is a big no-no. Themes and plugins are some of the more common reasons featured images fail or get blocked. It greatly benefits the website by turning what could very well be a dull website into something beautiful. Overall, the plugin has a field to paste in a URL from an image and insert that image into the featured image slot. If not, reactivate the plugins and move onto a different cause of the problem. No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. Click the + Block Inserter icon to add a new block. For more details, you can see our guide on how to add header and footer code in WordPress. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. You would select those images later and swap every single one of them out in place of the new one. The featured image field is missing when youre trying to edit or create a page or post. Some websites already have hundreds or even thousands of featured images, so a bulk editing tool is required. Its the opposite of only showing a list of your Latest Posts. A column called Featured Image is supposed to appear after the Post Date. Another Screen Options dilemma comes into play when you do not see the actual field to upload and insert a Featured Image. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. Click on Preferences to reveal a new pop-up window. has_header_image (): bool. This means that as you move the crop box, and it sticks to the aspect ratio. 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. You have two options for grabbing URLs from your site. 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. Another way to use featured images is by listing a feed of your blog posts on your sites homepage (or any other page). 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. 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. 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. Regardless, a WordPress featured image not showing up is both frustrating and concerning. There are two solutions to this. Then, select the Post (or Page if editing a page) tab to reveal the posts settings. After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. Follow these rules to ensure your featured images are legal: Its one thing to ensure all featured images are relevant to the posts theyre attached to. As promised, three choices appear when uploading an image through a Kinsta-hosted website: Choose one based on whether or not you have your own photos and where theyre stored. Rather, quickly explain whats in the picture and potentially add the keyword to boost your rankings. Get a personalized demo of our powerful dashboard and hosting features. such as page.php, single.php, archive.php and so on. This helps speed up your featured image creation process while also helping your brand. 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. Now its time to look at the content within that page to ensure the featured images show up the way they should. If either is the case, open the page or post in question and look for the Featured Image block towards the pages right side. Make sure the area that says Your homepage displays is set to A Static page. The problem prevents images from displaying on both the backend and frontend. The true advantage of a plugin like OG is that it doesnt require any configuration after the installation. For instance, you may want to pull the first image in your content and make it your featured image for a post. You can check out the additional-features available in the theme. Select the Twitter Cards tab to show the settings to configure your Twitter Card Tags. Luckily, as WordPress has evolved, the errors have become a little less ambiguous, making it somewhat easier to determine their cause. It also provides a clean preview of what you can expect to see if you were to paste or share that URL on Facebook. Its usually located at the top of the post or page. Its used to show the start of a new section or an article. WordPress makes it easier to align images to the left, right, or center. Click on the Preferences menu (the three vertical dots at the top right). 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. Even if they tell you that the image is too big, how do you move on from there? This is still common for many pages, or you may have rolled back the Gutenberg editor to use the old editor instead. Clicking on that brings you directly to the WordPress Media Library. Go to Posts > Add New to create a new blog post. If your featured image problems dont stem from a misunderstanding of the upload process, continue reading. For free, a fee, or with attribution. I checked several of your other pages and do not see any with narrower header images like on that page, so I've limited this change to only that specific page by using its unique page id CSS class from the opening body html tag. Alternatively, you may find yourself in the older version of the WordPress editor. 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. Many blind people are using the internet through screen readers. Premium Responsive WordPress Themes with advanced functionality and awesome support. There is a plug in or other theme option set which is changing the margin-left styling for .header-img. Do you have to have a certain plugin to have it show up? You can go to Post > All Posts to review your list of articles. Reinstalled GP plug in. One way to ensure your featured image field is never empty is to set a default featured image for all posts. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. 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 its not there, click the Screen Options tab and mark the Featured Image checkbox to reveal it in the editor. 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. You may have a lot of old posts that dont generate featured images when shared on Facebook. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). The set dimensions dictate the maximum dimensions youll see on your website for the given image sizes. You also have the option to Save the crop, even though its done for you. Scroll through the list of pages to locate the one you assigned as the Homepage. Check to see if you can now upload and see your featured images. The Large Size often dictates the featured image dimensions when shown at the top of a post or page. For instance, you may notice that the featured image appears nicely on your own website, but it has trouble rendering when a post is shared to a social site like Facebook. It does this by halting the loading of images on a page until they come into view on the screen. To remove that image block, click on the three-dot icon after selecting the image block. Be sure to Save the settings after youre done. Lazy loading is preventing your featured image from showing. This could be just above your site's title and menu, for example. 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. it's not working. This article shows you how you can fix WordPress featured images not showing properly on your website. Theres a completely different section that handles the featured image. I suggest you to upgrade to pro. You can reach out to your current hosting provider and ask them to expand the PHP limit. By default, WordPress offers a featured image for all posts and pages. First, you can do it from your WordPress site's dashboard via the Kinsta Cache tab in the left sidebar and the Clear cache button: How to clear Kinsta page cache in WordPress Dashboard Second, you can also clear your site's cache via your MyKinsta dashboard. The first few settings dont have anything to do with the featured image, but they can affect how the posts show up in the block and make your featured images look strange. 2 Answers. Its also common to see varying degrees of featured image problems. If the featured images now work, one of your plugins was the issue. Scroll down to the area called Image Settings. When I exported post and media and imported on my new site everything was fine eventually. Thats the main reason you would take advantage of this plugin. We hope this guide helped you troubleshoot the common problems with featured images not showing on WordPress. A lazy loading plugin may be preventing the featured image from showing up or loading quickly. This allows you to type in new dimensions, both the width and height, so that the already uploaded featured image shrinks. Therefore, we recommend using tools for cropping, compressing, and resizing before opting to increase your PHP memory limit. For instance, you could add or remove items like tags, categories, and the author. Talk with our experts by launching a chat in the MyKinsta dashboard. 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. An even page header\footer. Make your site accessible to them. 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. Both can be accessed and implemented by going to the Posts or Pages menus and creating a new item or visiting an old page or post. The Ixion theme supports featured images on single Posts and Pages. A theme or plugin usually defines it. Therefore, we recommend checking your themes support for featured images. 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. Thats how it should be if you want the functionality of a featured image with no duplication! The block is called Latest Posts. Set the selected image as the new featured image. 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. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. 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. In the WordPress Customizer, click the Change button for the Active Theme Select the Twenty Fifteen theme or another theme you want to use that supports and displays a background image. You may discover that your theme does well with slightly wider or shorter featured images. An odd page header\footer. Also, make sure the width of the image is set to 1080px. 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.. To remove the header, check the top box called disable primary header and update the page. Under there, youll find a field called Featured Image. This could lead to a photo owner reaching out and asking you to remove many of your featured images, or worse, threatening legal action. 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. To call the header.php file, you should use get_header (); at the top of almost every template (Almost!) Hit the Enter key to activate the crop and see the result in the preview. Click on the page specified as the Front Page. 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. On the way, you also learned tips to improve your image editing skills and workflows. If the problem is solved, then it was an error stemming from an outdated plugin. Where do you go from here? 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. To fix the situation, find and click on the Screen Options tab in the dashboards upper right-hand corner. This setting controls the sizing of all featured images shown in the Latest Posts block. You may see a simple list of links, along with descriptions from those posts. Another way to see if this works is if you have any social sharing buttons on your website. You can click on the Scrape Again button or simply refresh the page and paste your post URL in the field once more. These dont control your featured image, but they show up right below the featured image, so its important for displaying the content. 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. 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. It results in an image duplication issue like this: Obviously, you dont want this. Please leave a comment below if you have any questions about featured images or problems with WordPress featured images. 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. Giving it a new position within the template will also tell WordPress that it should render somewhere else on the frontend. As you can see, a different image appears in the Featured Image section. All other image editing tools are located above the featured image preview. 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. Its most likely because youve uploaded a featured image while also including the same image in your content as a cover or regular image. Check out how this strategy can help get your blog get more traffic. 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 permissions decide who can read, write, or edit website files. Simply having a header.php in your theme's folder will not output your header to the browser.