To begin, install and activate the OG plugin on your WordPress site. 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 Itll avoid causing problems with your own server. 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. Get a personalized demo of our powerful dashboard and hosting features. This button has disappeared for me on WordPress. Some other buttons that appear include the Select Image, Replace Image, and Remove Featured Image. Click Upload to upload the image from your computer or click Select Media to choose an . Select the General tab and locate the Description Settings section. Youve figured out how to upload a featured image and completed your post content. I installed the plugin: "Options for Twenty Seventeen" and made some changes to my site. 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. If a featured image isnt assigned to a post, it will show a blank space in its block instead. You may unsubscribe at any time by following the instructions in the communications received. We also recommend you host your site with a company that takes malware seriously and provides a malware security pledge. The FIFU plugin also includes features to auto-set featured images from images and videos by using iframe tags and other elements. To remove that image block, click on the three-dot icon after selecting the image block. With your position I solved a problem that lasted for months. 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. Uploading massive files to your WordPress site causes performance issues and could put too much of a load on your hosting servers. 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. The thumbnail images arent showing up as the right sizes. Its also possible to locate all images on your WordPress site by going to the Media Library. Be sure to Save Changes and try sharing another post to see if it now allows for featured images in the shared posts. The function get_header is used for calling a new header file. If youve uploaded your posts or pages featured image correctly and it still doesnt appear, then there can be several reasons. 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. @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. Its a must-read to speed up your WordPress site. Your theme, or a plugin, has an error or is causing a conflict with your featured images working. Furthermore, theres an option in the Edit Image panel that lets you revert to the original dimensions whenever you want. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. This means you can upload an image that acts as the post or pages cover media, similar to a book or magazine cover. If youre still having problems, go to SEO > Social in the WordPress dashboard. 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. You may be having trouble uploading the featured image the right way. Kind Regards, Skandha. I don't understand why the image only works in . Lets start with the simplest of solutions, making sure youre uploading your featured images properly. Yoast SEO is another SEO plugin that includes social sharing features and options to enable/disable the Open Graph functionality. Figuring out the optimal dimensions before uploading the images allows you to minimize instances where the featured image gets stretched out or cropped strangely. Next, enter the custom code in the 'Header' section. 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. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. If the featured image is showing on Facebook, then theres a good chance it also appears on other social sites. 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. Click the Preview Filtering button to see which bulk replacements will occur. 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. Its gone! Considering you should be uploading high-resolution images as featured images, it makes sense to automate optimization. The Cover block gets placed into the content editor, far away from the area in which we saw the featured image. The first problem arises when you cant see the featured image thumbnails in your list of pages or posts. Scroll to the bottom of the page to click on the Next button. Finally, you also have the option to visit theDevelopers Debug Tool on Facebook. One of the more frustrating problems with WordPress featured images not showing involves the dashboard settings. Hence, this issue is exclusive to those using it. However, if you use any other hosting provider, it may prove useful. The great part about this plugin is that it doesnt replace the featured images you already have on your posts. THANKS All files/pages are in the root folder. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. 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. 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. However, you may have to update previously published posts for the default featured image to show up on those. 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. Editing inside WordPress is also an option, but that doesnt typically resolve to get the WordPress image to begin with. In some cases, you will have to upgrade to a bigger hosting plan that offers more resources for your site. The the_post_thumbnail(); function may lie before the page title or after the contentthat depends on your page and theme configuration. After you select an image, click the Set Default Featured Image button. Regardless, you must bulk edit these featured images so that youre not spending hours editing each and every one of them. 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 theme doesnt allow for featured images, or you have to turn them on through the theme settings. Here, you need to fill in fields like the Description Length, Homepage Description, and Default Description. Depending on your theme settings and various other factors, like certain plugins that change image settings, the featured image should appear first in your published blog post. If youre targeting a keyword, this metadata is a great opportunity to show search engines that the image is relevant. The next step is to Add a Filter, which essentially asks you to choose the images you want to replace. You may have a lot of old posts that dont generate featured images when shared on Facebook. This allows you to paste in up to 50 URLs and run the tool so that Facebook scraps their metadata properly again. These are excellent tools for replacing poorly designed featured images or fixing problems when certain featured images dont show up in the first place. 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. You can reach out to your current hosting provider and ask them to expand the PHP limit. You have two options for grabbing URLs from your site. WordPress permissions decide who can read, write, or edit website files. Search for the Cover block and click to add it. It is then presented as the primary image for that website item whenever the article gets shared on social media and other sites. 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. The first is OG, which comes in handy for adding the Open Graph protocol to turn any webpage into rich objects for social media. To move forward and see the featured image in action, click the Publish button. This selects the entire block and reveals settings for that block in the right-side panel. 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. By default, WordPress offers a featured image for all posts and pages. This way, youre not limiting your sites resources with too many large photos. Below well cover every problem we know of when it comes to featured images and outline the steps you can take to fix them. Update: finally used WordPress reset plugin and cleared everything out. Another element of image optimization involves how those images will show up in the search engines. Scroll down to the section called Document Settings. 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. The plugin generates a featured image from the first image in a post, but only if the featured image is not already configured. For example, you might complete an action with multiple pages. However, Lazy Loading often causes problems with featured images since some Lazy Loading plugins treat featured images as regular images. Incorrect image URLs. You dont have to upload a second version of that same image every time you shareits already pulled from the original content. The image is showing on pages that use a different header. 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. 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.