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 2 – The basics of block development
Add ‘Block Supports’ controls
You don’t have access to this lesson
Please register or sign in to access the course content.
Take course
Sign in
Previous
Next