Learn how to add custom block patterns to your own WordPress site.
Overview
Syllabus
Introduction
- What are block patterns and why are they important?
- What you should know
- How this course works
- 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
- 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
- Adding your own block pattern category
- A slightly clever refactor
- Next steps
Taught by
Joe Casabona