{"id":50362,"date":"2022-01-04T10:00:00","date_gmt":"2022-01-04T10:00:00","guid":{"rendered":"https:\/\/www.awardspace.com\/?p=50362"},"modified":"2024-10-18T10:44:20","modified_gmt":"2024-10-18T10:44:20","slug":"wordpress-block-library","status":"publish","type":"post","link":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/","title":{"rendered":"Gutenberg Tutorial: Using the WordPress Block Library"},"content":{"rendered":"<blockquote class=\"gray\"><p><strong>What you need to know:<\/strong><\/p>\n<p>The WordPress Block Library contains all blocks that you can use while working in Gutenberg. To insert a block, drag it from the Block Library and drop it in your document. In addition to regular Blocks, the Block Library also supports Block Patterns and <a href=\"\/wordpress-tutorials\/wordpress-reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">Reusable Blocks<\/a>. Last but not least, the block selection in the Block Library can be expanded via third-party plugins.<\/p><\/blockquote>\n<p>WordPress differs from other content management systems in that it uses <em>blocks<\/em> to manage content. There are various types of blocks available and all of them are housed in the <em>Block Library<\/em>. In this article, we\u2019ll show you how to use the Block Library. In addition, we\u2019ll share the various ways in which you can customize it.<\/p>\n<blockquote class=\"gray\"><p><strong>Table of Contents:<\/strong><\/p>\n<ul>\n<li><a href=\"#what-is-gutenberg\">What Is Gutenberg?<\/a><\/li>\n<li><a href=\"#access\">How Can I Access Gutenberg?<\/a><\/li>\n<li><a href=\"#gutenberg-blocks-explained\">What Are Blocks in WordPress?<\/a><\/li>\n<li><a href=\"#block-library-overview\">Exploring the WordPress Block Library<\/a>\n<ul>\n<li><a href=\"#blocks-tab\">Blocks Tab<\/a><\/li>\n<li><a href=\"#patterns-tab\">Patterns Tab<\/a><\/li>\n<li><a href=\"#reusable-blocks-tab\">Reusable Blocks Tab<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#block-insertion\">Inserting Blocks From the Block Library<\/a><\/li>\n<li><a href=\"#customization\">Customizing the WordPress Block Library<\/a><\/li>\n<li><a href=\"#next-steps\">Next Steps<\/a><\/li>\n<\/ul>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"what-is-gutenberg\">What Is Gutenberg?<\/h2>\n<p><strong>Gutenberg<\/strong>, also known as the <em>WordPress Block Editor<\/em>, is the successor to the classic WordPress WYSIWYG editor. Unlike the classic editor, Gutenberg uses <a href=\"#gutenberg-blocks-explained\">blocks<\/a> to encapsulate all content. If you are new to Gutenberg, we recommend going through our tutorials on the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-the-basics\/\" target=\"_blank\" rel=\"noopener\">basics of Gutenberg<\/a> and the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-interface\/\" target=\"_blank\" rel=\"noopener\">WordPress Block Editor interface<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"access\">How Can I Access Gutenberg?<\/h2>\n<p>You can access Gutenberg by creating or editing a <a href=\"\/wordpress-tutorials\/how-to-post-on-wordpress\/\" target=\"_blank\" rel=\"noopener\">post<\/a>, <a href=\"\/wordpress-tutorials\/add-page-wordpress\/\" target=\"_blank\" rel=\"noopener\">page<\/a> or <a href=\"\/wordpress-tutorials\/add-widgets-wordpress\/\" target=\"_blank\" rel=\"noopener\">widget<\/a>.<\/p>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>Don\u2019t have a website yet? Sign up for our <a href=\"\/free-hosting\/\" target=\"_blank\" rel=\"noopener\">free hosting plan<\/a> or for one of our <a href=\"\/wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\">premium WordPress hosting packages<\/a> and <a href=\"\/wordpress-tutorials\/install-wordpress-zacky\/\" target=\"_blank\" rel=\"noopener\">install WordPress<\/a> with just a few click.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"gutenberg-blocks-explained\">Gutenberg Blocks, Explained<\/h2>\n<p>Most document editors that we use can be classified as <em>free-form text editors<\/em>, meaning that you can place text anywhere in the document. Other elements, such as images or video, are embedded within the text itself. Gutenberg, on the other hand, is a <em>block-based text editor<\/em> and every piece of content is encapsulated in its own block.<\/p>\n<p>The benefit of this block-based approach is that your embedded media is no longer directly tied to the written text or the other multimedia elements. Instead, every element in the document is completely independent and can be modified without negatively affecting neighboring blocks.<\/p>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>We have a separate article where we list all available blocks in Gutenberg.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"block-library-overview\">Exploring the WordPress Block Library<\/h2>\n<p>You can access the WordPress Block Library by pressing the \u201c+\u201d button in the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-interface\/#top-toolbar\" target=\"_blank\" rel=\"noopener\">Top Toolbar<\/a>.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-1.webp\" alt=\"The main button for the WordPress Block Library is located in the Top Toolbar.\" \/><figcaption>The main button for the WordPress Block Library is located in the Top Toolbar.<\/figcaption><\/figure>\n<p>Once you click on the WordPress Block Library button, you will see a new panel open up on the left side of the screen. It will be divided in up to three tabs &#8211; <a href=\"#block-tab\">Blocks<\/a>, <a href=\"#patterns-tab\">Patterns<\/a>, and <a href=\"#reusable-tab\">Reusable<\/a>. We will explore each of these tabs in greater detail later in this tutorial.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-2.webp\" alt=\"The WordPress Block Library is divided into Blocks, Patterns, and Reusable tabs.\" \/><figcaption>The WordPress Block Library is divided into Blocks, Patterns, and Reusable tabs.<\/figcaption><\/figure>\n<p>By default, the WordPress Block Library lists all available blocks which may make it hard to find the block that you need. Fortunately, there is a search bar near the top of the Block Library that allows you to quickly find your desired block.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-3.webp\" alt=\"The WordPress Block Library comes with a handy search field.\" \/><figcaption>The WordPress Block Library comes with a handy search field.<\/figcaption><\/figure>\n<p>Another useful feature, especially for those who are just beginning to learn Gutenberg and the various blocks it has to offer, is the ability to preview what a block looks like and what its function is. To take advantage of this feature, simply hover your mouse cursor over it and the preview will appear to the right.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-4.webp\" alt=\"The WordPress Block Library can provide you with brief descriptions and previews of what the various blocks are capable of.\" \/><figcaption>The WordPress Block Library can provide you with brief descriptions and previews of what the various blocks are capable of.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3 id=\"blocks-tab\">Blocks Tab<\/h3>\n<p>Here, we\u2019ll explore the <strong>Blocks<\/strong> tab. It is the tab that is shown by default when you open the WordPress Block Library. It simply contains a list of all available Gutenberg blocks grouped by their type.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-5.webp\" alt=\"The Blocks tab lists all available Gutenberg blocks.\" \/><figcaption>The Blocks tab lists all available Gutenberg blocks.<\/figcaption><\/figure>\n<p>We\u2019ll show you <a href=\"#customization\">how to customize<\/a> the Blocks tab a bit later in this tutorial. And if you are wondering what the various blocks do, you can check the article where we list all available blocks in Gutenberg and their function.<\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"patterns-tab\">Patterns Tab<\/h3>\n<p>The <strong>Patterns<\/strong> tab allows you to insert patterns into your document instead of individual blocks. A block pattern is a group of blocks that go well together. While block patterns typically have very few customization options, they make up for it by having a nice layout and design from the outset.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-6.webp\" alt=\"The WordPress Block Library also allows you to insert block patterns.\" \/><figcaption>The WordPress Block Library also allows you to insert block patterns.<\/figcaption><\/figure>\n<p>Unlike the Blocks tab, the Patterns tab features a dropdown menu where you can select the category of block patterns that you wish to browse. Among the options, you\u2019ll find the default block patterns that ship with WordPress, any block patterns added by your theme and plugins, and any custom block patterns that you may have created.<\/p>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>Intrigued by Gutenberg\u2019s block patterns? If so, check out our complete guide to block patterns in Gutenberg for more information on this feature.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3 id=\"reusable-blocks-tab\">Reusable Blocks Tab<\/h3>\n<p>The last tab that we\u2019ll look at is called <strong>Reusable<\/strong> and it houses all of your reusable blocks. Unlike the other tabs, this tab is shown only when you have at least one reusable block and as such, it may be hidden.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-7.webp\" alt=\"The Reusable tab is an optional tab that is shown only when you have at least one reusable block.\" \/><figcaption>The Reusable tab is an optional tab that is shown only when you have at least one reusable block.<\/figcaption><\/figure>\n<p>To learn more, you can read our <a href=\"\/wordpress-tutorials\/wordpress-reusable-blocks\/\" target=\"_blank\" rel=\"noopener\">complete guide on reusable blocks in WordPress<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"block-insertion\">Inserting Blocks From the Block Library<\/h2>\n<p>Now that we have explored the WordPress Block Library interface, we\u2019ll show you how to insert a block into your document. Generally speaking, there are two ways to do it.<\/p>\n<p>The first method of inserting blocks from the Block Library is to drag a block from the library and drop it into your document. You will notice a blue line that appears near your mouse cursor as you are about to drop the block. The line represents the spot where the new block will be inserted.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-11.gif\" alt=\"You can drag a block from the Block Library and drop it in your document.\" \/><figcaption>You can drag a block from the Block Library and drop it in your document.<\/figcaption><\/figure>\n<blockquote class=\"yellow\"><p><strong>Warning:<\/strong><\/p>\n<p>The drag-and-drop method does not work for block patterns!<\/p><\/blockquote>\n<p>The other way of inserting blocks from the Block Library simply involves clicking on the spot in your document where you wish to place your new block and then clicking on the block itself within the Block Library.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-12.gif\" alt=\"You can also click a block to insert it where your text cursor is located.\" \/><figcaption>You can also click a block to insert it where your text cursor is located.<\/figcaption><\/figure>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>The WordPress Block Library can also be accessed via a keyboard shortcut! Place the text cursor on an empty paragraph, type <code>\/<\/code>, and then type the name of the block that you wish to use. Once your desired block is selected, press the <code>Enter<\/code> key.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"customization\">Customizing the WordPress Block Library<\/h2>\n<p>Gutenberg allows you to customize the WordPress Block Library in two different ways. First, you can use the <strong>Block Manager<\/strong> to disable any blocks that you do not need. Doing so will make the Blocks tab less cluttered.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-8.webp\" alt=\"The Block Manager lets you disable and enable blocks on demand.\" \/><figcaption>The Block Manager lets you disable and enable blocks on demand.<\/figcaption><\/figure>\n<blockquote class=\"yellow\"><p><strong>Warning:<\/strong><\/p>\n<p>Disabling a certain block will hide it not only from the Block Library but from Gutenberg as a whole. As a result, disabled blocks cannot be used at all. That said, disabling a certain block type will not affect its instances that you have already placed within your documents.<\/p><\/blockquote>\n<p>The other way in which you can customize the WordPress Block Library is by including a <strong>Most Used<\/strong> section in the Blocks tab. The Most Used section sits at the top of the Blocks tab and lists your six most-used blocks.<\/p>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-9.webp\" alt=\"The Most Used section in the WordPress Block Library gives you fast and easy access to your favorite blocks.\" \/><figcaption>The Most Used section in the WordPress Block Library gives you fast and easy access to your favorite blocks.<\/figcaption><\/figure>\n<p>You can activate the Most Used section by following these steps:<\/p>\n<ol>\n<li>Click on the <strong>three-dot icon<\/strong> at the right edge of the <a href=\"\/wordpress-tutorials\/wordpress-block-editor-interface\/#top-toolbar\" target=\"_blank\" rel=\"noopener\">Top Toolbar<\/a>.<\/li>\n<li>Choose the <strong>Preferences<\/strong> option at the bottom of the list.<\/li>\n<li>Switch to the <strong>Blocks<\/strong> tab.<\/li>\n<li>Enable the <strong>Show most used blocks<\/strong> option.<\/li>\n<\/ol>\n<figure><img decoding=\"async\" src=\"\/wp-content\/uploads\/2021\/11\/wordpress-block-library-10.webp\" alt=\"The Most Used section is enabled via Gutenberg\u2019s preferences.\" \/><figcaption>The Most Used section is enabled via Gutenberg\u2019s preferences.<\/figcaption><\/figure>\n<blockquote class=\"green\"><p><strong>Tip:<\/strong><\/p>\n<p>If you wish to make the WordPress Block Editor truly your own, go through our <a href=\"\/wordpress-tutorials\/customizing-wordpress-block-editor-interface\/\" target=\"_blank\" rel=\"noopener\">guide on customizing Gutenberg<\/a>.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2 id=\"next-steps\">Next Steps<\/h2>\n<p>Now that we have gone over the WordPress Block Library, you should have a good understanding of what it is used for, how it functions, and what it looks like. Of course, in WordPress, everything can be further expanded via plugins and Gutenberg is no exception. So, if you wish to further enhance the WordPress Block Editor, you can check our list of the best plugins for Gutenberg as a whole as well as our list of the best block plugins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we&#8217;ll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.<\/p>\n","protected":false},"author":7,"featured_media":50365,"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-50362","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 the WordPress Block Library | AwardSpace.com<\/title>\n<meta name=\"description\" content=\"In this article, we&#039;ll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.\" \/>\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-library\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg Tutorial: Using the WordPress Block Library | AwardSpace.com\" \/>\n<meta property=\"og:description\" content=\"In this article, we&#039;ll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\" \/>\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-04T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-18T10:44:20+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=\"9 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-library\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\"},\"author\":{\"name\":\"iskrend\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232\"},\"headline\":\"Gutenberg Tutorial: Using the WordPress Block Library\",\"datePublished\":\"2022-01-04T10:00:00+00:00\",\"dateModified\":\"2024-10-18T10:44:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\"},\"wordCount\":1487,\"publisher\":{\"@id\":\"https:\/\/www.awardspace.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\",\"url\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\",\"name\":\"Gutenberg Tutorial: Using the WordPress Block Library | AwardSpace.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2022-01-04T10:00:00+00:00\",\"dateModified\":\"2024-10-18T10:44:20+00:00\",\"description\":\"In this article, we'll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#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 the WordPress Block Library\"}]},{\"@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 the WordPress Block Library | AwardSpace.com","description":"In this article, we'll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.","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-library\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg Tutorial: Using the WordPress Block Library | AwardSpace.com","og_description":"In this article, we'll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.","og_url":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/","og_site_name":"AwardSpace.com","article_publisher":"https:\/\/www.facebook.com\/AwardSpace\/","article_published_time":"2022-01-04T10:00:00+00:00","article_modified_time":"2024-10-18T10:44:20+00:00","author":"iskrend","twitter_card":"summary_large_image","twitter_creator":"@awspace","twitter_site":"@awspace","twitter_misc":{"Written by":"iskrend","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#article","isPartOf":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/"},"author":{"name":"iskrend","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/964cd1bbc68d83dc446a9ea98ebc7232"},"headline":"Gutenberg Tutorial: Using the WordPress Block Library","datePublished":"2022-01-04T10:00:00+00:00","dateModified":"2024-10-18T10:44:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/"},"wordCount":1487,"publisher":{"@id":"https:\/\/www.awardspace.com\/#organization"},"image":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage"},"thumbnailUrl":"","articleSection":["Gutenberg"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/","url":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/","name":"Gutenberg Tutorial: Using the WordPress Block Library | AwardSpace.com","isPartOf":{"@id":"https:\/\/www.awardspace.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage"},"image":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage"},"thumbnailUrl":"","datePublished":"2022-01-04T10:00:00+00:00","dateModified":"2024-10-18T10:44:20+00:00","description":"In this article, we'll learn the ins and outs of the WordPress Block Library which holds all blocks available in Gutenberg.","breadcrumb":{"@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.awardspace.com\/wordpress-tutorials\/wordpress-block-library\/#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 the WordPress Block Library"}]},{"@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\/50362","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=50362"}],"version-history":[{"count":1,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/50362\/revisions"}],"predecessor-version":[{"id":75737,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/50362\/revisions\/75737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/media?parent=50362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/categories?post=50362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/tags?post=50362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}