{"id":12336,"date":"2018-01-30T14:41:43","date_gmt":"2018-01-30T19:41:43","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=12336"},"modified":"2020-06-16T09:37:34","modified_gmt":"2020-06-16T13:37:34","slug":"how-to-set-the-featured-image-in-the-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/how-to-set-the-featured-image-in-the-gutenberg-editor\/","title":{"rendered":"How to set the Featured Image in the Gutenberg Editor"},"content":{"rendered":"\n

Looking for an alternative to the Gutenberg Editor? Try our WordPress Page Builder<\/a> that uses a different approach to WordPress Blocks<\/a> to help build your website with ease! Otherwise, here are the steps needed to continue this tutorial using WordPress with the current WordPress Editor:<\/em><\/p>\n

The Featured Image<\/strong>, which is also called the Post Thumbnail<\/em> per the WordPress Codex, is the representative image of a post or page. It is very important to select a featured image for your website posts and pages, because this is most often what will show when shared on social media, or texting platforms.<\/p>\n

The featured image will become the image used to represent the post when a specific theme may call for the featured image. For example, if a theme has a section to show multiple images representing posts, then the featured image is the image used for that request. Follow the tutorial below in order to learn how to set the featured image in the Gutenberg editor.<\/p>\n

\n
Login to your WordPress Administrator Dashboard<\/a>.<\/li>\n
Open or create a post\/page so that you can set the image.<\/li>\n
$\"\"$ <\/a>In the right hand column you will see the option labeled Featured image<\/strong>. Click on it to open the dialog box (if it’s not already open).\n
<\/div>\n<\/li>\n
$\"\"$ <\/a>Click on the link labeled Set featured image<\/strong>.\n
<\/div>\n<\/li>\n
$\"\"$ <\/a>Select an image from the media library or upload an image. Click on the button labeled Select<\/strong> in order to select your image.\n
<\/div>\n<\/li>\n
Click on Publish<\/strong> in order to save your settings.<\/li>\n<\/ol>\n
Where the featured image shows up depends completely on what theme you are using, and how it was developed. In most cases, you will have the featured image display in the article feed, and anywhere else your theme’s page templates have made a call to retrieve the featured image. Here is an example of the home page being used as the blog feed.<\/p>\n
$\"\"$ <\/a><\/p>\n
Note that the Gutenberg editor has been integrated directly into the WordPress Administrator dashboard as of WordPress version 5.0<\/strong>. It is now the default WordPress editor.<\/p>\n
Congratulations! You now know how to set the Featured Image in the Gutenberg Editor. For more information on using Gutenberg, check out our other Gutenberg articles in the Editing Pages category<\/a>. If you are interested in a complete WordPress website builder<\/a> solution, we recommend checking out our BoldGrid themes<\/a> and plugins for WordPress<\/a>.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
Looking for an alternative to the Gutenberg Editor? Try our WordPress Page Builder that uses a different approach to WordPress Blocks to help build your website with ease! Otherwise, here are the steps needed to continue this tutorial using WordPress with the current WordPress Editor: The Featured Image, which is also called the Post Thumbnail […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to set the Featured Image in the Gutenberg Editor","bgseo_description":"Learn how to set the featured image in the Gutenberg editor. This will allow you set an image for a specific post or page.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-12336","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-gutenberg"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=12336"}],"version-history":[{"count":11,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12336\/revisions"}],"predecessor-version":[{"id":21848,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12336\/revisions\/21848"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=12336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=12336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=12336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}