Creating Block Patterns in WordPress
1h 34mBeginner2021-10-22
Authors

Joe Casabona
Course Developer, Founder of Creator Courses
Course details
WordPress theme development is changing, and block patterns are at the heart of it. With the block editor and full site editing, there will be less reliance on coded templates and more focus on flexible layouts. That's where block patterns come in. In this course, experienced course developer Joe Casabona shows you how to take advantage of block patterns to create more flexible WordPress without needing to know code. Joe explains what block patterns are and why they are important. He steps through the full process of making block patterns, then presents a block patterns cookbook of different features you can add to your site. He also covers how to use refactoring to add your own block pattern category and reduce the wall of repetitive text you may have.
Skills covered
WordPressContent Management Systems (CMS)Web DevelopmentOpen SourceOne-Off
Concepts
0. Introduction
- 01 - What are block patterns and why are they important
- 02 - What you should know
- 03 - How this course works
1. How to Make Block Patterns
- 04 - Block patterns vs. reusable blocks
- 05 - Adding block patterns to WordPress sites
- 06 - Making block patterns without code
- 07 - Coding block patterns overview
- 08 - What is a JSON encoder
- 09 - How to style block patterns with CSS
- 10 - Block pattern categories
- 11 - Setting up the block pattern plugin
2. The Block Patterns Cookbook
- 12 - Call to action
- 13 - Pricing table
- 14 - Styling the pricing table
- 15 - Author bio box
- 16 - Contact info card
- 17 - Posts listing with Query block
- 18 - Website masthead
- 19 - Currently Listening To widget
- 20 - Hero section
- 21 - Content upgrade
3. Refactoring
- 22 - Adding your own block pattern category
- 23 - A slightly clever refactor
Conclusion
- 24 - Next steps