{"id":63246,"date":"2020-11-12T07:52:00","date_gmt":"2020-11-12T12:52:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=63246"},"modified":"2022-02-23T11:30:03","modified_gmt":"2022-02-23T16:30:03","slug":"gutenberg-recipe-block","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/","title":{"rendered":"How to Use the Recipe Block in WordPress"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg\" alt=\"How to use the Recipe Block in WordPress header image\" class=\"wp-image-63248\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>A pretty common thing people like to do is <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/sharing-a-recipe-creating-a-great-wordpress-post\/\">share recipes<\/a>!  Be it a favorite dessert or a recipe that was handed down from your grandmother, being able to share recipes is a tradition that continues into the digital age.  <\/p>\n\n\n\n<p>WordPress makes it easier by adding a recipe block through the Gutenberg editor.  We\u2019ll show you how to make use of this block and give you some examples of how it will look.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#adding\">How to Add the Recipe Block<\/a><\/li><li><a href=\"#using\">Using the Recipe Block<\/a><\/li><li><a href=\"#example\">Example of Using the Recipe Block<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">Need a hosting server for your WordPress site? Check out InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\" rel=\"follow\" title=\"WordPress Hosting solutions\">WordPress Hosting<\/a> solutions! You\u2019ll find secure, optimized servers made to fit your budget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding\">Adding the Recipe Block<\/h2>\n\n\n\n<p>As of this writing, the <strong>recipe block<\/strong> is not yet a part of the default Gutenberg editor installation in WordPress.  However, it\u2019s really easy to add.  You just need to be connected to the internet and logged into your WordPress site as an administrator. To add the block:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>Click on the <strong>+<\/strong> sign to add a new block to your Post or Page.<\/li><li>In the search box, type in \u201c<strong>Recipe<\/strong>\u201d and hit enter.<\/li><li>If the block is not already part of your installation then you will a description of the block along with a button labeled <strong>Add Block<\/strong>.  Click on <strong>Add Block<\/strong>.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"570\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/adding-recipe-block.jpg\" alt=\"adding the Recipe block in WordPress dialog.  Seen when adding the recipe block for the first time.\" class=\"wp-image-63249\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/adding-recipe-block.jpg 336w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/adding-recipe-block-177x300.jpg 177w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption><em>Click on Add Block to add Recipe to your WordPress installation!<\/em><\/figcaption><\/figure>\n\n\n\n<p>Once you\u2019ve clicked on the button the block will be added to your WordPress installation and to your post or page.  We\u2019ll show what you will see in the following section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"539\" height=\"571\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/recipe-block.jpg\" alt=\"\" class=\"wp-image-78236\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/recipe-block.jpg 539w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/recipe-block-283x300.jpg 283w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When the Recipe block appears you\u2019ll see a block for an image, then the recipe title, serving size, time, and difficulty.  These items will then be followed by a list of ingredients and an ordered list for directions for your recipe.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image for your Recipe<\/h3>\n\n\n\n<p>You can use an image of the recipe in preparation or a picture that depicts what the recipe will end up looking like. The better the picture, the more appealing it will be for people to make and eat. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Serving Size<\/h3>\n\n\n\n<p>The serving size should indicate how many servings your recipe will make.  Be as specific with this as possible in order to allow people to adjust how much they can make.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Time<\/h3>\n\n\n\n<p>This should be the overall time to make your recipe including any preparation time and the cooking time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Difficulty<\/h3>\n\n\n\n<p>Indicate how easy or hard it is to make your recipe.  This could be a matter of perspective, but if your recipe is over 10 steps and takes several hours to prepare, then you will want to indicate that it can be difficult to make.  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ingredients<\/h3>\n\n\n\n<p>Like the serving size, your ingredients list should include a precise measurement (or sometimes an approximation) of the individual ingredients that a person needs to make your recipe.  Having an accurate set of amounts for your ingredients will help with adjusting the recipe to accommodate larger servings and also provide more information for those looking for nutritional information. You can easily add nutritional information using the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-add-the-nutrition-facts-block-in-wordpress\/\">Nutrition Facts Block in WordPress<\/a>.<\/p>\n\n\n\n<p>A good thing to add for your ingredients is the preparation measure for each one should it be necessary.  For example, \u201c2 medium-sized yellow onions diced.\u201d This will give your reader an idea of the number of onions to use, the type of onions to use, and how they should be prepared.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Directions<\/h3>\n\n\n\n<p>The directions should be a step-by-step list of directions that use all of your ingredients and match the time you\u2019ve indicated.  Make sure to start with any preparations that need to be done before you get to the final stages of your recipe.  For example, if you require that an ingredient needs to be marinated for several hours, then make sure that is listed early in your recipe. <\/p>\n\n\n\n<p>You may also want to include any suggestions for cooking devices or tools that you want people to use when using your recipe. For example, if your recipe includes a large piece of meat, then you may include a thermometer to cook to a specific temperature.<\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"example\">Example of Using the Recipe Block<\/h2>\n\n\n\n<p>Here\u2019s an example of a recipe using the Recipe Block.  <em>This is not a real recipe!<\/em>  It\u2019s just an example of how it would look:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"733\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/cooking-title.jpg\" alt=\"\" class=\"wp-image-78250\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/cooking-title.jpg 800w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/cooking-title-300x275.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/07\/cooking-title-768x704.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Auntie\u2019s Beef Stew<\/h2>\n\n\n\n<p>Serving Size: Serves 8<br>Time: 2 hours<br>Difficulty: Easy<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ingredients<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>2 tbs. cubed beef stew meat<\/li><li>1 onion chopped<\/li><li>32 oz. of beef broth<\/li><li>4 medium russet potatoes, cubed (peeled is optional)<\/li><li>6 carrots sliced<\/li><li>4 stalks of celery<\/li><li>2 bay leaves<\/li><li>1 tablespoon oregano<\/li><li>4 tablespoons cracked or coarse black pepper (2 for the beef browning)<\/li><li>1 tablespoon salt<\/li><li>1 quart milk<\/li><li>2 cloves garlic minced<\/li><li>2 cups water<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Directions<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Brown your beef stew meat using medium heat. Add 2 cups of water, the pepper, garlic, and onions. When the meat is evenly browned transfer to a stockpot to prepare stew.<\/li><li>The add the milk, beef broth, oregano, pepper, salt, and bay leaves. Heat to a boil, then reduce heat to medium-low, cover the stockpot, and simmer until the meat is tender. This should take about one and a half hours.<\/li><li>Place the potatoes, carrots, and celery into your stockpot.<\/li><li>Heat for another 30 minutes or until the vegetables are tender.<\/li><li>Remove the bay leaves<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\">\n\n\n\n<p>That\u2019s how you use the <strong>Recipe block<\/strong> in a WordPress post or page!  You can see that it\u2019s quite simple and it helps to organize your recipes so that others can enjoy them.  <\/p>\n\n\n\n<p>Ready to learn about another block? Check out <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\">How to Use the Cover Block<\/a>.<\/p>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg tutorials<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A pretty common thing people like to do is share recipes! Be it a favorite dessert or a recipe that was handed down from your grandmother, being able to share recipes is a tradition that continues into the digital age. WordPress makes it easier by adding a recipe block through the Gutenberg editor. We&#8217;ll show<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4427],"tags":[],"class_list":["post-63246","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to use the Recipe Block in WordPress<\/title>\n<meta name=\"description\" content=\"Learn how to use the recipe block to share recipes with WordPress. You&#039;ll see how to add the block to your WordPress site and use it for your recipes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the Recipe Block in WordPress\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the recipe block to share recipes with WordPress. You&#039;ll see how to add the block to your WordPress site and use it for your recipes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-12T12:52:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-23T16:30:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Use the Recipe Block in WordPress\",\"datePublished\":\"2020-11-12T12:52:00+00:00\",\"dateModified\":\"2022-02-23T16:30:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\"},\"wordCount\":931,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\",\"name\":\"How to use the Recipe Block in WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg\",\"datePublished\":\"2020-11-12T12:52:00+00:00\",\"dateModified\":\"2022-02-23T16:30:03+00:00\",\"description\":\"Learn how to use the recipe block to share recipes with WordPress. You'll see how to add the block to your WordPress site and use it for your recipes.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Use Recipe Block Header Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the Recipe Block in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use the Recipe Block in WordPress","description":"Learn how to use the recipe block to share recipes with WordPress. You'll see how to add the block to your WordPress site and use it for your recipes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/","og_locale":"en_US","og_type":"article","og_title":"How to use the Recipe Block in WordPress","og_description":"Learn how to use the recipe block to share recipes with WordPress. You'll see how to add the block to your WordPress site and use it for your recipes.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-11-12T12:52:00+00:00","article_modified_time":"2022-02-23T16:30:03+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Use the Recipe Block in WordPress","datePublished":"2020-11-12T12:52:00+00:00","dateModified":"2022-02-23T16:30:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/"},"wordCount":931,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/","name":"How to use the Recipe Block in WordPress","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img-1024x538.jpg","datePublished":"2020-11-12T12:52:00+00:00","dateModified":"2022-02-23T16:30:03+00:00","description":"Learn how to use the recipe block to share recipes with WordPress. You'll see how to add the block to your WordPress site and use it for your recipes.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/11\/recipe-block-header-img.jpg","width":1200,"height":630,"caption":"Use Recipe Block Header Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/gutenberg-recipe-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the Recipe Block in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4427,"name":"Gutenberg","slug":"gutenberg","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=63246"}],"version-history":[{"count":14,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63246\/revisions"}],"predecessor-version":[{"id":78252,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/63246\/revisions\/78252"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=63246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=63246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=63246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}