{"id":50416,"date":"2022-01-25T10:00:00","date_gmt":"2022-01-25T10:00:00","guid":{"rendered":"https:\/\/www.awardspace.com\/?p=50416"},"modified":"2024-10-17T09:57:38","modified_gmt":"2024-10-17T09:57:38","slug":"wordpress-block-patterns","status":"publish","type":"post","link":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/","title":{"rendered":"Gutenberg Tutorial: Using Block Patterns in WordPress"},"content":{"rendered":"<blockquote class=\"gray\"><p><strong>What you need to know:<\/strong><\/p>\n<p>A block pattern in WordPress is a group of two or more regular WordPress blocks. These blocks come in a sensible layout that you wouldn\u2019t need to modify in most cases. Instead, you just need to add your own content to the block pattern. You can insert block patterns through the <a href=\"\/wordpress-tutorials\/wordpress-block-library\/\" target=\"_blank\" rel=\"noopener\">Block Library<\/a> and also through the <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">WordPress Pattern Library<\/a>. Once a block pattern is inserted, you can work with it in the same way you would edit regular blocks.<\/p><\/blockquote>\n<p>Have you ever found yourself spending countless hours designing and building the same common elements for most of your pages and posts? If so, allow us to take you on a brief tour of the <strong>block patterns<\/strong> available in WordPress. These block patterns will save you time and effort since they are professionally designed and cover many types of content such as image galleries, multi-column texts, page or post headers, social media buttons, and a lot more.<\/p>\n<blockquote class=\"gray\"><p><strong>Table of Contents:<\/strong><\/p>\n<ul>\n<li><a href=\"#what-is-gutenberg\">What Is the WordPress Block Editor?<\/a><\/li>\n<li><a href=\"#what-are-blocks\">What Are Blocks in WordPress?<\/a>\n<ul>\n<li><a href=\"#what-are-block-patterns\">What Are Block Patterns in WordPress?<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#using-block-patterns\">Using Block Patterns in WordPress<\/a>\n<ul>\n<li><a href=\"#inserting\">Inserting Block Patterns<\/a><\/li>\n<li><a href=\"#editing\">Editing Block Patterns<\/a><\/li>\n<li><a href=\"#deleting\">Deleting Block Patterns<\/a><\/li>\n<li><a href=\"#adding\">Adding New Block Patterns<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<\/ul>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"what-is-gutenberg\">What Is the WordPress Block Editor?<\/h2>\n<p>The <strong>WordPress Block Editor<\/strong>, known also as <em>Gutenberg<\/em>, is the default way of creating content such as <a href=\"\/wordpress-tutorials\/how-to-post-on-wordpress\/\" target=\"_blank\" rel=\"noopener\">posts<\/a>, <a href=\"\/wordpress-tutorials\/add-page-wordpress\/\" target=\"_blank\" rel=\"noopener\">pages<\/a>, and <a href=\"\/wordpress-tutorials\/add-widgets-wordpress\/\" target=\"_blank\" rel=\"noopener\">widgets<\/a> in WordPress. It is the successor to the classic WYSIWYG editor and it uses <a href=\"#what-are-blocks\">blocks<\/a> to store content. If you have not used it in the past, you can check our guides where we explain the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-the-basics\/\" target=\"_blank\" rel=\"noopener\">basics of Gutenberg<\/a>, its <a href=\"\/wordpress-tutorials\/wordpress-block-editor-interface\/\" target=\"_blank\" rel=\"noopener\">interface<\/a>, and the various ways in which you can <a href=\"\/wordpress-tutorials\/customizing-wordpress-block-editor-interface\/\" target=\"_blank\" rel=\"noopener\">customize the block editor<\/a>.<\/p>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>If you don\u2019t have a website yet, you can sign up for our <a href=\"\/free-hosting\/\" target=\"_blank\" rel=\"noopener\">free hosting package<\/a> or one of our <a href=\"\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\">premier WordPress hosting plans<\/a> and <a href=\"\/wordpress-tutorials\/install-wordpress-zacky\/\" target=\"_blank\" rel=\"noopener\">install WordPress<\/a> in just a few minutes.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"what-are-blocks\">What Are Blocks in WordPress?<\/h2>\n<p>Unlike most WYSIWYG editors, Gutenberg uses <strong>blocks<\/strong> to store your content. All blocks are independent of one another and you can manipulate one block without negatively affecting its neighbors.<\/p>\n<p>There are many types of blocks available in WordPress. Some of the more popular ones include paragraphs, headings, images, quotes, code blocks, and many more. You can use the <a href=\"\/wordpress-tutorials\/wordpress-block-library\/\" target=\"_blank\" rel=\"noopener\">WordPress Block Library<\/a> to view and use your collection of blocks.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"what-are-block-patterns\">What Are Block Patterns in WordPress?<\/h3>\n<p><em>Block patterns<\/em> are a special kind of block in WordPress. Every block pattern is made up of two or more regular blocks. Each grouping serves a specific purpose. For example, you can find reusable blocks for image galleries, social media buttons, contact forms, headings, multi-column text layouts, and much more.<\/p>\n<p>The thing that makes block patterns valuable is that their layouts are typically created by professional designers. This gives you optimal element arrangement right out of the box. All that you need to do is to customize the content of the reusable block to your liking.<\/p>\n<blockquote class=\"blue\"><p><strong>Block Patterns vs Reusable Blocks<\/strong><\/p>\n<p>If you are familiar with <a href=\"\/wordpress-tutorials\/wordpress-reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">reusable blocks<\/a>, you may be wondering how they differ from block patterns. At their core, both of these block types allow you to increase your productivity by removing repetitive work. There are, however, two notable differences:<\/p>\n<ol>\n<li>You are supposed to create every reusable block yourself. Block patterns, on the other hand, are ready-made and you can use them immediately.<\/li>\n<li>Every instance of a reusable block will always have the same content. In contrast, block patterns can be individually customized.<\/li>\n<\/ol>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"using-block-patterns\">Using Block Patterns in WordPress<\/h2>\n<p>Since all WordPress block patterns are essentially groups of regular Gutenberg blocks, you can use them just like you would use any other block in WordPress. In the next few sections, we will give you a brief overview of your options.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"inserting\">Inserting Block Patterns<\/h3>\n<p>You can use the <a href=\"\/wordpress-tutorials\/wordpress-block-library\/\" target=\"_blank\" rel=\"noopener\">WordPress Block Library<\/a> to insert block patterns into your document. To do so, follow these steps:<\/p>\n<ol>\n<li>Open the document where you wish to insert a block pattern.<\/li>\n<li>Place your text cursor in the spot where you wish to add a block pattern.<\/li>\n<li>Click on the Block Library button from the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-interface\/#top-toolbar\" target=\"_blank\" rel=\"noopener\">Top Toolbar<\/a>.<\/li>\n<li>Switch to the <strong>Patterns<\/strong> tab.<\/li>\n<li>Click on the block pattern that you wish to use. If you do not see your desired block pattern, select a different category from the dropdown menu.<\/li>\n<\/ol>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/12\/wordpress-block-patterns-1.gif\" alt=\"You can insert block patterns in your document via the WordPress Block Library.\" \/><figcaption>You can insert block patterns in your document via the WordPress Block Library.<\/figcaption><\/figure>\n<p>In addition to the regular block patterns described above, there are also <em>contextual block patterns<\/em>. These contextual block patterns are contained within a block and can be invoked through the block\u2019s <em>Transform<\/em> menu. Currently, there are two WordPress blocks that contain these contextual block patterns. They are the Query Loop and the Social Icons blocks.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/12\/wordpress-block-patterns-2.gif\" alt=\"You can use the Transform button to convert the Social Icons block into a contextual block pattern.\" \/><figcaption>You can use the Transform button to convert the Social Icons block into a contextual block pattern.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 id=\"editing\">Editing Block Patterns<\/h3>\n<p>Editing block patterns in WordPress is no different than editing regular blocks. This is because once a block pattern is inserted in your document, it transforms into a group of regular blocks. As such, you are free to add and remove blocks or edit content as you see fit.<\/p>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>Some block patterns include stock images as part of their design. The WordPress developers have declared that these images are royalty-free and as such, you can use them on your website if you want to<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3 id=\"deleting\">Deleting Block Patterns<\/h3>\n<p>Similarly, you can delete a block pattern or a portion of it in the exact same way you would delete a regular block in Gutenberg. Even though block patterns are inserted as a group of blocks, it is OK if you delete some and leave the rest present in your document.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"adding\">Adding New Block Patterns<\/h3>\n<p>You might have noticed that the number of block patterns that ship with WordPress isn\u2019t very high. But did you know that there is an official <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">WordPress Pattern Library<\/a> that holds dozens of additional pattern designs? If you wish to take advantage of these additional designs, perform the following steps:<\/p>\n<ol>\n<li>Open the <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener\">WordPress Pattern Library<\/a>.<\/li>\n<li>Browse the available patterns. When you decide to use one pattern, hover your mouse cursor over it and click on the <strong>Copy<\/strong> button in the lower-right corner.<\/li>\n<li>Go to your document in WordPress.<\/li>\n<li>Place the text cursor where you wish to insert the new block pattern.<\/li>\n<li>Paste your clipboard by pressing <code>Ctrl<\/code> + <code>V<\/code> on Windows\/Linux or <code>\u2318<\/code> + <code>V<\/code> on macOS.<\/li>\n<\/ol>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/12\/wordpress-block-patterns-3.gif\" alt=\"You can copy block pattern designs from the WordPress Pattern Library and paste them in your document.\" \/><figcaption>You can copy block pattern designs from the WordPress Pattern Library and paste them into your document.<\/figcaption><\/figure>\n<p>It is also possible to add new block pattern designs to Gutenberg via third-party themes and plugins.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"conclusion\">Conclusion<\/h2>\n<p>The WordPress block patterns can be very useful when you wish to publish a new page, post, or an entire website, without spending too much time designing every element. By using block patterns for most elements, you will get a sensible design that works right out of the box so that you can focus on content creation, marketing, and other tasks. Of course, you can always come back at a later point and improve this initial design.<\/p>\n<p>If you are interested in other ways of streamlining your workflow, you can learn how to use keyboard shortcuts in <a href=\"\/wordpress-tutorials\/gutenberg-keyboard-shortcuts\/\" target=\"_blank\" rel=\"noopener\">Gutenberg<\/a>, the WordPress Dashboard, and when moderating comments. In addition, you may be interested in the best WordPress plugins that add new functionality and new blocks to Gutenberg.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.<\/p>\n","protected":false},"author":7,"featured_media":50419,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[90],"tags":[],"class_list":["post-50416","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com<\/title>\n<meta name=\"description\" content=\"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.\" \/>\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.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com\" \/>\n<meta property=\"og:description\" content=\"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\" \/>\n<meta property=\"og:site_name\" content=\"AwardSpace.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AwardSpace\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-25T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-17T09:57:38+00:00\" \/>\n<meta name=\"author\" content=\"iskrend\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@awspace\" \/>\n<meta name=\"twitter:site\" content=\"@awspace\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"iskrend\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\"},\"author\":{\"name\":\"iskrend\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232\"},\"headline\":\"Gutenberg Tutorial: Using Block Patterns in WordPress\",\"datePublished\":\"2022-01-25T10:00:00+00:00\",\"dateModified\":\"2024-10-17T09:57:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\"},\"wordCount\":1239,\"publisher\":{\"@id\":\"https:\/\/www.awardspace.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\",\"url\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\",\"name\":\"Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2022-01-25T10:00:00+00:00\",\"dateModified\":\"2024-10-17T09:57:38+00:00\",\"description\":\"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.awardspace.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Tutorials\",\"item\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gutenberg\",\"item\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/gutenberg\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Gutenberg Tutorial: Using Block Patterns in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.awardspace.com\/#website\",\"url\":\"https:\/\/www.awardspace.com\/\",\"name\":\"AwardSpace.com\",\"description\":\"Free Web Hosting with PHP, MySQL, Email Sending, No Ads\",\"publisher\":{\"@id\":\"https:\/\/www.awardspace.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.awardspace.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.awardspace.com\/#organization\",\"name\":\"AwardSpace.com\",\"url\":\"https:\/\/www.awardspace.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png\",\"contentUrl\":\"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png\",\"width\":1759,\"height\":176,\"caption\":\"AwardSpace.com\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/AwardSpace\/\",\"https:\/\/x.com\/awspace\",\"https:\/\/www.instagram.com\/awardspace\/\",\"https:\/\/www.quora.com\/profile\/Award-Space\",\"https:\/\/www.linkedin.com\/company\/19214384\/\",\"https:\/\/www.reddit.com\/user\/AwardSpace\",\"https:\/\/www.pinterest.com\/awardspace\/\",\"https:\/\/www.youtube.com\/user\/AwardspaceWebHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232\",\"name\":\"iskrend\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1864832146466465ced4d8985737e772d6277dea9324c4cf6f23019419bf3047?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1864832146466465ced4d8985737e772d6277dea9324c4cf6f23019419bf3047?s=96&d=mm&r=g\",\"caption\":\"iskrend\"},\"url\":\"https:\/\/www.awardspace.com\/author\/iskrend\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com","description":"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.","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.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com","og_description":"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.","og_url":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/","og_site_name":"AwardSpace.com","article_publisher":"https:\/\/www.facebook.com\/AwardSpace\/","article_published_time":"2022-01-25T10:00:00+00:00","article_modified_time":"2024-10-17T09:57:38+00:00","author":"iskrend","twitter_card":"summary_large_image","twitter_creator":"@awspace","twitter_site":"@awspace","twitter_misc":{"Written by":"iskrend","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#article","isPartOf":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/"},"author":{"name":"iskrend","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232"},"headline":"Gutenberg Tutorial: Using Block Patterns in WordPress","datePublished":"2022-01-25T10:00:00+00:00","dateModified":"2024-10-17T09:57:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/"},"wordCount":1239,"publisher":{"@id":"https:\/\/www.awardspace.com\/#organization"},"image":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage"},"thumbnailUrl":"","articleSection":["Gutenberg"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/","url":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/","name":"Gutenberg Tutorial: Using Block Patterns in WordPress | AwardSpace.com","isPartOf":{"@id":"https:\/\/www.awardspace.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage"},"image":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage"},"thumbnailUrl":"","datePublished":"2022-01-25T10:00:00+00:00","dateModified":"2024-10-17T09:57:38+00:00","description":"The WordPress block patterns can greatly aid you in designing your website. So, learn how to use them to save time and focus on your content.","breadcrumb":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-patterns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.awardspace.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Tutorials","item":"https:\/\/www.awardspace.com\/wordpress-tutorials\/"},{"@type":"ListItem","position":3,"name":"Gutenberg","item":"https:\/\/www.awardspace.com\/wordpress-tutorials\/gutenberg\/"},{"@type":"ListItem","position":4,"name":"Gutenberg Tutorial: Using Block Patterns in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.awardspace.com\/#website","url":"https:\/\/www.awardspace.com\/","name":"AwardSpace.com","description":"Free Web Hosting with PHP, MySQL, Email Sending, No Ads","publisher":{"@id":"https:\/\/www.awardspace.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.awardspace.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.awardspace.com\/#organization","name":"AwardSpace.com","url":"https:\/\/www.awardspace.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png","contentUrl":"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png","width":1759,"height":176,"caption":"AwardSpace.com"},"image":{"@id":"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AwardSpace\/","https:\/\/x.com\/awspace","https:\/\/www.instagram.com\/awardspace\/","https:\/\/www.quora.com\/profile\/Award-Space","https:\/\/www.linkedin.com\/company\/19214384\/","https:\/\/www.reddit.com\/user\/AwardSpace","https:\/\/www.pinterest.com\/awardspace\/","https:\/\/www.youtube.com\/user\/AwardspaceWebHosting"]},{"@type":"Person","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232","name":"iskrend","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1864832146466465ced4d8985737e772d6277dea9324c4cf6f23019419bf3047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1864832146466465ced4d8985737e772d6277dea9324c4cf6f23019419bf3047?s=96&d=mm&r=g","caption":"iskrend"},"url":"https:\/\/www.awardspace.com\/author\/iskrend\/"}]}},"_links":{"self":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/50416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/comments?post=50416"}],"version-history":[{"count":1,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/50416\/revisions"}],"predecessor-version":[{"id":75676,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/50416\/revisions\/75676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/media?parent=50416"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/categories?post=50416"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/tags?post=50416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}