{"id":15541,"date":"2023-07-27T14:45:00","date_gmt":"2023-07-27T14:45:00","guid":{"rendered":"https:\/\/wordpress.org\/news\/?p=15541"},"modified":"2023-07-27T16:08:39","modified_gmt":"2023-07-27T16:08:39","slug":"synced-patterns-the-evolution-of-reusable-blocks","status":"publish","type":"post","link":"https:\/\/wordpress.org\/news\/2023\/07\/synced-patterns-the-evolution-of-reusable-blocks\/","title":{"rendered":"Synced Patterns: The Evolution of Reusable Blocks"},"content":{"rendered":"\n<p>Synced patterns are replacing Reusable blocks, offering a unified creation experience for new pattern functionality coming to WordPress 6.3. Patterns, first introduced in WordPress 5.5, are a collection of blocks that make it simple to add complex layouts and designs to any WordPress site without starting from scratch. With WordPress 6.3, set to be released on August 8th, you will be able to arrange blocks in unlimited ways and save them as patterns for use throughout your site, directly within the editing experience. You can also specify whether to sync your patterns, so that one change applies to all parts of your site, or to keep them unsynced, so you can customize each instance.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating and using synced patterns\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/plZIF3jrU7E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create your own patterns<\/h2>\n\n\n\n<p>The ability to create your own patterns, on top of using the ones bundled into each WordPress release, opens up a world of possibilities. Need to repeat the same contact information across your site and keep it up to date? Create a synced pattern with all the details, and say goodbye to repeating yourself, with the ability to quickly insert the synced pattern wherever you need it. If you find yourself creating various banners for your site and want them to have the same layout with unique content, creating an unsynced pattern speeds up your workflow and ensures a level of consistency in approach. While themes and plugins have been able to offer patterns to users and <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/curating-the-editor-experience\/#utilizing-patterns\">curate the experience<\/a>, this update allows agencies and site builders to do the same for their clients, directly in the site building process.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dig into the details<\/h2>\n\n\n\n<p>Any previously made Reusable blocks will continue to function as they do now, just under the new Synced pattern name. To help adjust to these changes, a few contextual notices will be placed throughout the interface. Specifically, the menu item in the creation flow will show as \u201cCreate pattern\/reusable block\u201d until the prompt describing the switch is dismissed in one of the various locations, including the naming and syncing modal:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating patterns\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fbrhammtn3Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>For folks using block themes, all patterns will be listed alongside template parts in the Site Editor &gt; Patterns section, where you can enter a focused editing mode to make changes. For Classic themes, the prior reusable block management page will now house patterns in a list, similar to the Posts &gt; All Posts view.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?resize=1024%2C590&#038;ssl=1\" alt=\"Patterns section of the WordPress Site Editor with My Patterns selected\" class=\"wp-image-15569\" srcset=\"https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?resize=1024%2C590&amp;ssl=1 1024w, https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?resize=768%2C443&amp;ssl=1 768w, https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?resize=1536%2C885&amp;ssl=1 1536w, https:\/\/i0.wp.com\/wordpress.org\/news\/files\/2023\/07\/Site-Editor-_-All-Patterns-View.png?w=2048&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>For a complete overview of patterns on your site, all patterns provided by themes and plugins will be shown in this section but without the option to edit directly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Go further<\/h2>\n\n\n\n<p>With the ability to create your own patterns baked into the creation experience, remember that you can copy the patterns available in the <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a> and <a href=\"https:\/\/wordpress.org\/patterns\/about\/\">contribute back<\/a>, an excellent way to democratize design for every WordPress user and the web.<\/p>\n\n\n\n<p><em>For more exciting features coming to patterns in WordPress 6.3, <\/em><a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/core-editor-improvement-advancing-the-power-of-patterns\/\"><em>read on in the Advancing the Power of Patterns post<\/em><\/a><em>. Thank you to the contributors who collaborated on this post: <\/em><a href=\"https:\/\/profiles.wordpress.org\/cbringmann\/\"><em>Chlo\u00e9 Bringmann<\/em><\/a><em>, <\/em><a href=\"https:\/\/profiles.wordpress.org\/jpantani\/\"><em>Jonathan Pantani<\/em><\/a><em>, <\/em><a href=\"https:\/\/profiles.wordpress.org\/chanthaboune\/\"><em>Josepha<\/em><\/a><em>, <\/em><a href=\"https:\/\/profiles.wordpress.org\/kristastevens\/\"><em>Krista Stevens<\/em><\/a><em>, <\/em><a href=\"https:\/\/profiles.wordpress.org\/eidolonnight\/\"><em>Nicholas Garofalo<\/em><\/a><em>, <a href=\"https:\/\/profiles.wordpress.org\/provenself\/\">Peter Rubin<\/a><\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Synced patterns are replacing Reusable blocks, offering a unified creation experience for new pattern functionality coming to WordPress 6.3. Patterns, first introduced in WordPress 5.5, are a collection of blocks that make it simple to add complex layouts and designs to any WordPress site without starting from scratch. With WordPress 6.3, set to be released [&hellip;]<\/p>\n","protected":false},"author":13782018,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","filesize_raw":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[380,5,8],"tags":[],"class_list":["post-15541","post","type-post","status-publish","format-standard","hentry","category-design","category-development","category-features"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pZhYe-42F","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/posts\/15541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/users\/13782018"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/comments?post=15541"}],"version-history":[{"count":18,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/posts\/15541\/revisions"}],"predecessor-version":[{"id":15586,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/posts\/15541\/revisions\/15586"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/media?parent=15541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/categories?post=15541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.org\/news\/wp-json\/wp\/v2\/tags?post=15541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}