Log In
Register
Previewing the new theme. Switch back.
This is still a work in progress.
Please report any bugs to GitHub: WordPress/learn
Home
Courses
Introduction to Block Development: Build your first custom block
Build and run your project
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
Build and run your project
You don’t have access to this lesson
Please register or sign in to access the course content.
Take course
Sign in
Previous
Next