Synced Patterns are a powerful way to build design elements that can be used across a site, customized with specific content, and updated everywhere by updating the pattern.
Synced Patterns are already a powerful tool available in WordPress, however without an enhancement like this Themes are limited to ‘Unsynced’ themes.
Synced Patterns for Themes is an excellent solution for Themes built with the Pattern Builder tool which empowers you to create those patterns right inside the WordPress Editor.”},”Image”:{“id”:1066,”alt”:””,”url”:”https://www.twentybellows.com/wp-content/themes/twentybellows/assets/images/image-20-1024×404.png”},”Download Button”:{“url”:”https://github.com/Twenty-Bellows/synced-patterns-for-themes/releases/download/v1.1.0/synced-patterns-for-themes.zip”,”linkTarget”:””,”rel”:””},”Documentation Button”:{“url”:”#documentation”,”linkTarget”:””,”rel”:””}},”metadata”:{“patternName”:”twentybellows/product-hero”,”name”:”Product Hero”},”slug”:”twentybellows/product-hero”,”title”:”Product Hero”} /–>
Documentation
Getting Started with Synced Patterns for Themes
Installation
Download the plugin from Github using the link above. Upload it to your WordPress instance and activate it.
(Soon this plugin will also be available from WordPress.org and can be installed directly from the wp-admin interface. But for now the plugin will need to be downloaded directly.)
Using Synced Patterns
In the metadata portion of a Theme’s pattern file add Synced: yes
That’s literally it. No more setup is needed. You can still reference these synced patterns with the pattern block (for example in your templates, template-parts and other patterns) but when they appear in the editor they will be ‘Synced’.
Full support for all the features of Synced Patterns are available (including data binding, overrides, etc). That can all be done by hand in your IDE but the easiest way to do that is with the Pattern Builder.
Interested in Contributing?
Looking for the code? Or for more detailed documentation? Want to report a bug or contribute to make the project better?