Creating Block Patterns in WordPress

Learn how to add custom block patterns to your own WordPress site.

Introduction

• What are block patterns and why are they important?
• What you should know
• How this course works

1. How to Make Block Patterns

• Block patterns vs. reusable blocks
• Adding block patterns to WordPress sites
• Making block patterns without code
• Coding block patterns overview
• What is a JSON encoder?
• How to style block patterns with CSS
• Block pattern categories
• Setting up the block pattern plugin

2. The Block Patterns Cookbook

• Call to action
• Pricing table
• Styling the pricing table
• Author bio box
• Contact info card
• Posts listing with Query block
• Website masthead
• Currently Listening To widget
• Hero section
• Content upgrade

3. Refactoring

• Adding your own block pattern category
• A slightly clever refactor

Conclusion

• Next steps