Log In
Register
Introduction to Block Development: Build your first custom block
0 of 20 lessons complete (0%)
Exit Course
Module 1 – Getting Started
What is a block?
Set up your development environment
Scaffold your first block
Understand the structure of the project
Build and run your project
Start editing the project
6 lessons, 4 quizzes
Module 2 – The basics of block development
Make the block interactive
Add 'Block Supports' controls
Define default settings in block.json
3 lessons, 3 quizzes
Module 3 – Adding customisation options
Create custom inspector panel controls
Add more configuration options
Configuration options for the separator
3 lessons, 2 quizzes
Module 4 – Taking things further
Work with the InnerBlocks component
Refining the project
Add style variations
Add configuration options for the style variations
Conditionally display controls
5 lessons
Module 5 – Wrapping up
The finished project
Debugging and troubleshooting
Finding information when you need it
3 lessons
Module 1 – Getting Started
Set up your development environment
You don’t have access to this lesson
Please register or sign in to access the course content.
Take course
Sign in
Previous
Next