{"id":38735,"date":"2021-09-08T06:00:15","date_gmt":"2021-09-08T11:00:15","guid":{"rendered":"https:\/\/bhmultisite.com\/blog\/?p=38735"},"modified":"2021-09-08T06:00:15","modified_gmt":"2021-09-08T11:00:15","slug":"block-pattern-directory-of-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/","title":{"rendered":"A Closer Look at the Block Pattern Directory of WordPress"},"content":{"rendered":"\n<p>With <a href=\"https:\/\/www.bluehost.com\/blog\/wordpress-news-wordpress-5-8-beta-released-4-more-updates-june-2021\/\">WordPress 5.8<\/a> that went live on July 20, 2021, WordPress finally introduced <a href=\"https:\/\/wordpress.com\/support\/block-pattern\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress block patterns<\/a> to regular users.<\/p>\n\n\n\n<p>WordPress block patterns provide the design templates that users can employ and build webpages on the fly without prior experience with designing or coding.<\/p>\n\n\n\n<p>Let\u2019s see how you can use the block pattern directory to build your website.<\/p>\n\n\n\n<p>Read to learn more.<\/p>\n\n\n\n<p><a href=\"#WordPress-Block-Patterns-101\">WordPress Block Patterns 101<\/a><\/p>\n\n\n\n<p><a href=\"#Navigating-the-WordPress-Block-Pattern-Directory\">Navigating the WordPress Block Pattern Directory<\/a><\/p>\n\n\n\n<p><a href=\"#How-To-Use-the-WordPress-Block-Pattern\">How To Use the WordPress Block Pattern<\/a><\/p>\n\n\n\n<p><a href=\"#Block-Pattern-Directory-Using-It-Effectively\">Block Pattern Directory: Using It Effectively<\/a><\/p>\n\n\n\n<p><a href=\"#Block-Pattern-Directory-Updates\">Block Pattern Directory: Updates<\/a><\/p>\n\n\n\n<p><a href=\"#Final-Thoughts-WordPress-Block-Pattern-Directory-What-You-Need-To-Know\">Final Thoughts: WordPress Block Pattern Directory: What You Need To Know<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"WordPress-Block-Patterns-101\">WordPress Block Patterns 101<\/h2>\n\n\n\n<p>WordPress block patterns refer to preset layouts of different blocks. Instead of developing a complex layout yourself, you can search for a relevant WordPress block pattern and select one that suits your needs.<\/p>\n\n\n\n<p>Once you have a relevant block pattern, you can customize it according to your requirements.<\/p>\n\n\n\n<p>As of writing, you can find block patterns of the following categories:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Columns<\/li><li>Headers<\/li><li>Galleries<\/li><li>Images<\/li><li>Text<\/li><li>Buttons<\/li><\/ul>\n\n\n\n<p>If you want to add a creative header, you can use a block pattern from the <strong>Headers<\/strong> category. For adding social media buttons, you can check out block patterns under <strong>Buttons<\/strong>.Similarly, you can use block patterns from other categories according to your design needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Navigating-the-WordPress-Block-Pattern-Directory\">Navigating the WordPress Block Pattern Directory<\/h2>\n\n\n\n<p>WordPress provides a <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\">block pattern directory<\/a> at WordPress.org \u2014 similar to databases for <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugins<\/a> and <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">themes<\/a>. It contains block patterns of multiple categories.<\/p>\n\n\n\n<p>You can navigate that and search for a relevant block pattern that suits your needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-Pattern-Directory-1-1024x496.png\" alt=\"Block Pattern Directory\" class=\"wp-image-38739\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-Pattern-Directory-1-1024x496.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-Pattern-Directory-1-300x145.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-Pattern-Directory-1-768x372.png 768w\" sizes=\"100vw\" \/><figcaption>Screenshot<\/figcaption><\/figure>\n\n\n\n<p>Alternatively, you can also use the <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-use-the-new-wordpress-gutenberg-block-editor\/\">Gutenberg editor<\/a>. You can find the block pattern directory by opening the block inserter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-pattern-directory-in-Gutenberg-editor-1.gif\" alt=\"Block pattern directory in Gutenberg editor\" class=\"wp-image-38742\" width=\"471\" height=\"630\" \/><figcaption><a href=\"https:\/\/d.pr\/i\/5w6sdM\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"How-To-Use-the-WordPress-Block-Pattern\">How To Use the WordPress Block Pattern<\/h2>\n\n\n\n<p>You can use WordPress block pattern for designing a webpage by:<\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\"><li><strong>Selecting a layout:<\/strong> Access the block pattern directory either through WordPress.org or Gutenberg editor. From the multiple categories, opt for a relevant category and then select the desired layout.\u00a0<br><\/li><li><strong>Transferring the layout:<\/strong> You can transfer the layout to your <a href=\"https:\/\/www.bluehost.com\/blog\/were-in-gutenlove-3-ways-to-use-the-new-editor-bluehost\/\">WordPress editor<\/a> by:<\/li><\/ol>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-77f71fe1-7be5-4318-90a0-31533805078b\"><li>Clicking <strong>Copy<\/strong> at the bottom right of the select layout and pressing <strong>Ctrl<\/strong> (Cmd) +<strong> V<\/strong> in the WordPress editor (If <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-use-wordpress\/\">using WordPress<\/a>.org directory)<\/li><li>Clicking the selected layout (if using built-in block pattern directory in Gutenberg editor)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"866\" height=\"370\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Copying-a-layout-from-block-pattern-directory-1.png\" alt=\"Copying a layout from block pattern directory\" class=\"wp-image-38745\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Copying-a-layout-from-block-pattern-directory-1.png 866w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Copying-a-layout-from-block-pattern-directory-1-300x128.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Copying-a-layout-from-block-pattern-directory-1-768x328.png 768w\" sizes=\"100vw\" \/><figcaption>Screenshot<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Customizing the block pattern:<\/strong> Once you have inserted the block pattern, you can edit and customize it as you like.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Block-Pattern-Directory-Using-It-Effectively\">Block Pattern Directory: Using It Effectively<\/h2>\n\n\n\n<p>The primary driver behind the block pattern directory is accessibility. It follows WordPress\u2019s aim to make <a href=\"https:\/\/www.bluehost.com\/blog\/full-site-editing-in-wordpress-where-it-is-and-where-its-going\/\">website development<\/a> easy and simple for everybody.<\/p>\n\n\n\n<p>With the block pattern directory, non-tech-savvy users can also create attractive and functional webpages.<\/p>\n\n\n\n<p>Still, how to use it effectively?<\/p>\n\n\n\n<p>You can do so by finding opportunities where you can use a layout template:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>For visuals blogs \u2014 coffee-making, gaming and cooking \u2014 you can find a relevant layout in the image and header category.<\/li><li>For literature, text layouts can be valuable.<\/li><li>For call-to-action (<a href=\"https:\/\/www.bluehost.com\/blog\/inspire-your-website-visitors-with-cta-buttons-that-drive-sales\/\">CTA<\/a>) buttons, you can use the buttons category.<\/li><\/ul>\n\n\n\n<p>Once you have the right layout template, you can customize it using WordPress editor.<\/p>\n\n\n\n<p>You can replace the placeholder text and photos with your text and photos. Additionally, you might have to change the dimensions and adjust the color scheme according to your brand design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Block-Pattern-Directory-Updates\">Block Pattern Directory: Updates<\/h2>\n\n\n\n<p>When launched, the block pattern directory was only available in English. Since then, the WordPress team has attended to it for the international audience and extended the language coverage to <a href=\"https:\/\/translate.wordpress.org\/projects\/patterns\/core\/\" target=\"_blank\" rel=\"noreferrer noopener\">12 languages<\/a>.<\/p>\n\n\n\n<p>Also, right now, the block pattern directory contains the patterns from WordPress only. In a future <a href=\"https:\/\/make.wordpress.org\/design\/2021\/07\/29\/initial-patterns-for-the-patterns-directory-launched\/#comments\" target=\"_blank\" rel=\"noreferrer noopener\">update<\/a>, you will be able to add your patterns directly to the directory for other community members.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-patterns-from-different-community-users-1.png\" alt=\"Block patterns from different community users\" class=\"wp-image-38748\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-patterns-from-different-community-users-1.png 800w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-patterns-from-different-community-users-1-300x300.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-patterns-from-different-community-users-1-150x150.png 150w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Block-patterns-from-different-community-users-1-768x768.png 768w\" sizes=\"100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Final-Thoughts-WordPress-Block-Pattern-Directory-What-You-Need-To-Know\">Final Thoughts: WordPress Block Pattern Directory: What You Need To Know<\/h2>\n\n\n\n<p>WordPress block patterns improve the web development experience for both beginners and experts. The beginners can use the patterns to design webpages themselves, whereas the experts can do the same to speed up their work.<\/p>\n\n\n\n<p>With WordPress block patterns, WordPress moves forward in its quest to provide everyone equal opportunity to create and manage their website.<\/p>\n\n\n\n<p>Looking to create your website? Check out the best WordPress hosting plans of <a href=\"https:\/\/www.bluehost.com\/wordpress\/wordpress-hosting\">Bluehost<\/a> today.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With WordPress 5.8 that went live on July 20, 2021, WordPress finally introduced WordPress block patterns to regular users. WordPress block patterns provide the design templates that users can employ and build webpages on the fly without prior experience with designing or coding. Let\u2019s see how you can use the block pattern directory to build [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":38736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"WordPress Block Pattern Directory: What You Need To Know","_yoast_wpseo_metadesc":"WordPress's block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.","inline_featured_image":false,"footnotes":""},"categories":[3046,21],"tags":[3317,3320,3340],"ppma_author":[592],"class_list":["post-38735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-wordpress","tag-cms","tag-content","tag-tips-tricks"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress Block Pattern Directory: What You Need To Know<\/title>\n<meta name=\"description\" content=\"WordPress&#039;s block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.\" \/>\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.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/38735\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Closer Look at the Block Pattern Directory of WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress&#039;s block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-08T11:00:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Devin Sears\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/DevinSears45842\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Devin Sears\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\"},\"author\":{\"name\":\"Devin Sears\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50\"},\"headline\":\"A Closer Look at the Block Pattern Directory of WordPress\",\"datePublished\":\"2021-09-08T11:00:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\"},\"wordCount\":700,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg\",\"keywords\":[\"CMS\",\"Content\",\"Tips &amp; Tricks\"],\"articleSection\":[\"Development\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\",\"name\":\"WordPress Block Pattern Directory: What You Need To Know\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg\",\"datePublished\":\"2021-09-08T11:00:15+00:00\",\"description\":\"WordPress's block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg\",\"width\":1999,\"height\":1500,\"caption\":\"Discovering the WordPress Block Pattern Directory\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bluehost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Closer Look at the Block Pattern Directory of WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bluehost\/\",\"https:\/\/x.com\/bluehost\",\"https:\/\/www.linkedin.com\/company\/bluehost-com\/\",\"https:\/\/www.youtube.com\/user\/bluehost\",\"https:\/\/en.wikipedia.org\/wiki\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50\",\"name\":\"Devin Sears\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c58db4604c005b1ce37efa99465604c5\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g\",\"caption\":\"Devin Sears\"},\"description\":\"Devin is a Senior Event Marketing Manager for the Bluehost brand. He is our brand steward for all things Bluehost and WordPress. You'll always see him supporting Bluehost at WordCamps around the world!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/devinsears\",\"https:\/\/x.com\/https:\/\/twitter.com\/DevinSears45842\"],\"knowsAbout\":[\"WordPress\",\"Event Marketing\",\"Field Marketing\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Senior Field Marketing Manager\",\"worksFor\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/author\/devin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress Block Pattern Directory: What You Need To Know","description":"WordPress's block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.","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.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/38735\/","og_locale":"en_US","og_type":"article","og_title":"A Closer Look at the Block Pattern Directory of WordPress","og_description":"WordPress's block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.","og_url":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2021-09-08T11:00:15+00:00","og_image":[{"width":1999,"height":1500,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg","type":"image\/jpeg"}],"author":"Devin Sears","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/DevinSears45842","twitter_site":"@bluehost","twitter_misc":{"Written by":"Devin Sears","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/"},"author":{"name":"Devin Sears","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50"},"headline":"A Closer Look at the Block Pattern Directory of WordPress","datePublished":"2021-09-08T11:00:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/"},"wordCount":700,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg","keywords":["CMS","Content","Tips &amp; Tricks"],"articleSection":["Development","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/","url":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/","name":"WordPress Block Pattern Directory: What You Need To Know","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg","datePublished":"2021-09-08T11:00:15+00:00","description":"WordPress's block pattern directory simplifies website design by providing you with patterns to replicate the work of experts or speed up your work.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2021\/09\/Discovering-the-WordPress-Block-Pattern-Directory-1.jpg","width":1999,"height":1500,"caption":"Discovering the WordPress Block Pattern Directory"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/block-pattern-directory-of-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bluehost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Closer Look at the Block Pattern Directory of WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/#website","url":"https:\/\/www.bluehost.com\/blog\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/3afe9d0188ad6b380b59aa10911f1e50","name":"Devin Sears","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c58db4604c005b1ce37efa99465604c5","url":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","caption":"Devin Sears"},"description":"Devin is a Senior Event Marketing Manager for the Bluehost brand. He is our brand steward for all things Bluehost and WordPress. You'll always see him supporting Bluehost at WordCamps around the world!","sameAs":["https:\/\/www.linkedin.com\/in\/devinsears","https:\/\/x.com\/https:\/\/twitter.com\/DevinSears45842"],"knowsAbout":["WordPress","Event Marketing","Field Marketing"],"knowsLanguage":["English"],"jobTitle":"Senior Field Marketing Manager","worksFor":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/author\/devin\/"}]}},"authors":[{"term_id":592,"user_id":15,"is_guest":0,"slug":"devin","display_name":"Devin Sears","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/3561264b7806b1f967a8dcbc7907681637719b76901f52ae90014c76da482d5f?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/38735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/comments?post=38735"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/38735\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media\/38736"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media?parent=38735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/categories?post=38735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/tags?post=38735"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=38735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}