A repository of Twenty Twenty-Two-based demo WordPress block theme created for the CSS-Tricks articles - Creating Style Variations in WordPress Block Themes, and How to Create Patterns in WordPress Block Themes.
Note: Repository for Creating Block Theme Hero Sections with Dynamic Post Featured Image in WordPress project, please visit Branch-1.
It is intended as a learning demo only; not intended for distribution or use in production sites.
You can download the entire project or clone locally by running the following command from your terminal:
git clone https://github.com/tinjure20/TT2-gopher-blocks.git
It will create a directory in your project folder.
This project is intended for those who have basic understanding of WordPress block themes and some familiarity of using Full Site Editor (FSE) interface. If you’re new to block themes and the FSE, you can get started here on CSS-Tricks with this deep introduction to WordPress block themes and site editor documentation. This Full Site Editing website is one of the most up-to-date tutorial guides to learn all FSE features including block themes and styles variations discussed in this article.
- Global styles presets (Block Editor Handbook)
- Allow switching global styles variations #35619 (GitHub)
- Add initial version of the style engine #37978 (GitHub)
- Global Style Variations, “Skins” for Themes, Have Landed in Gutenberg (WP Tavern)
- A Global Styles Switcher (critterverse.blog)
- Global Styles panel: iterating on the "Browse styles" button #40478
- A Look at Twenty Twenty-Two’s Upcoming Global Style Variations (WP Tavern)
- Exploring WordPress 6.0: Style Variations, Block Locking UI, Writing Improvements (Anne McCarthy - video)