{"id":10180,"date":"2022-01-05T19:05:00","date_gmt":"2022-01-05T19:05:00","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?page_id=10180"},"modified":"2024-04-17T16:13:18","modified_gmt":"2024-04-17T16:13:18","slug":"about","status":"publish","type":"page","link":"https:\/\/mr.wordpress.org\/patterns\/about\/","title":{"rendered":"\u0928\u092e\u0941\u0928\u094d\u092f\u093e\u0902\u0935\u093f\u0937\u092f\u0940"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--edge-space);min-height:440px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2304\" height=\"760\" class=\"wp-block-cover__image-background wp-image-11580\" alt=\"\" src=\"https:\/\/s.w.org\/patterns\/files\/2022\/03\/Shape.png\" style=\"object-position:50% 50%\" data-object-fit=\"cover\" data-object-position=\"50% 50%\" srcset=\"https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape.png 2304w, https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape-300x99.png 300w, https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape-1024x338.png 1024w, https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape-768x253.png 768w, https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape-1536x507.png 1536w, https:\/\/mr.wordpress.org\/patterns\/files\/2022\/03\/Shape-2048x676.png 2048w\" sizes=\"auto, (max-width: 2304px) 100vw, 2304px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-3a789d6c wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group alignwide has-white-color has-text-color is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<h1 class=\"wp-block-heading\" style=\"font-size:50px\">A quick guide for building WordPress patterns.<\/h1>\n\n\n\n<p class=\"is-style-short-text wp-block-paragraph\">This guide can help you create amazing patterns that can be used on any WordPress site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\"><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-18d46422 wp-block-group-is-layout-constrained\" style=\"padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9f38976b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading has-heading-4-font-size\" id=\"what-is-a-wordpress-pattern\">What is a WordPress pattern?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A WordPress pattern is a collection of blocks arranged together into an thoughtful, intentional, opinionated section for a page of post. Once inserted into a page, the author can edit and customize the blocks to their needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Patterns make it incredibly simple to add complex layouts and designs to any WordPress site without having to start from scratch every time. Patterns can also highlight and expose features and combinations of blocks that may not be immediately obvious or intuitive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-heading-4-font-size\" style=\"margin-top:var(--wp--preset--spacing--30)\">Guidelines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">People will be able to use submitted patterns without cost or attribution. To submit a pattern, you must have the copyright or other legal right for anything you submit. Remember, WordPress is family friendly! Patterns that include anything illegal, dishonest, or morally offensive will be removed. The Block Pattern Directory is moderated by volunteers, and we reserve the right to reject or remove submissions for reasons not explicitly listed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Patterns should be submitted in English, any patterns submitted in other languages will be declined. Patterns will be translated through <a href=\"https:\/\/translate.wordpress.org\/\">translate.wordpress.org<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use a descriptive name for your pattern. Names like &#8220;Test&#8221; or &#8220;My Pattern&#8221; will be declined.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p class=\"is-style-short-text has-large-font-size wp-block-paragraph\">Every WordPress users benefits when you share your patterns and help democratize design.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/patterns\/new-pattern\" style=\"border-radius:4px\">Create a pattern<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-heading-5-font-size\" id=\"quick-tips\" style=\"margin-top:var(--wp--preset--spacing--30)\">Quick tips<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <strong>Group block<\/strong> to control spacing and color for more than one block at a time.<\/li>\n\n\n\n<li>Use the <strong>Cover block<\/strong> to control your pattern\u2019s height, including min-height and full-viewport designs.<\/li>\n\n\n\n<li>If your pattern contains numerous root-level blocks it can be helpful to <strong>Group<\/strong> them all together. This makes it easier to move your pattern around once inserted.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1a7b7548 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-heading-4-font-size\" id=\"do-s\">Do&#8217;s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Good patterns combine multiple blocks together to create interesting or useful layouts that would normally be complicated to create from scratch.<\/li>\n\n\n\n<li>A good pattern highlights the capabilities of the blocks they contain and provide a perfect starting point for customizing their content<\/li>\n\n\n\n<li>A good pattern is opinionated and has a well defined purpose.<\/li>\n\n\n\n<li>A good pattern keeps placeholder text to a minimum.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-short-text has-heading-4-font-size\" id=\"don-ts\">Don&#8217;ts<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"border-radius:4px\">Patterns that contain a single block are unlikely to be useful.<\/li>\n\n\n\n<li>Overly simplistic patterns, like a single Paragraph with colors don\u2019t save time or present a compelling purpose.<\/li>\n\n\n\n<li>Patterns shouldn\u2019t be designed for a single theme.<\/li>\n\n\n\n<li>A pattern shouldn&#8217;t be a full page or blog post.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer alignwide has-dots-background\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What is a WordPress pattern? A WordPress pattern is a collection of blocks arranged together into an thoughtful, intentional, opinionated section for a page of post. Once inserted into a page, the author can edit and customize the blocks to their needs. Patterns make it incredibly simple to add complex layouts and designs to any [&hellip;]<\/p>\n","protected":false},"author":1819835,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-10180","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/pages\/10180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/users\/1819835"}],"replies":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/comments?post=10180"}],"version-history":[{"count":17,"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/pages\/10180\/revisions"}],"predecessor-version":[{"id":532494,"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/pages\/10180\/revisions\/532494"}],"wp:attachment":[{"href":"https:\/\/mr.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=10180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}