

Next lesson playing in 5 seconds
CancelHow to Create 3 Useful Gutenberg Custom Blocks
Welcome to the Course
01:32
The Gutenberg editor is an amazing addition to WordPress that allows you to quickly create pages and posts and see them live as you’re building them. A big role in this process is played by the Gutenberg blocks—predefined components you can drag and drop into your page.
WordPress already provides a few simple blocks out of the box, but you can create custom, more complex examples if you like. This is what you’ll learn in this course. We’ll take three relatively complex patterns in web design and transform them into Gutenberg custom blocks.
1.Introduction1 lesson, 01:32
1 lesson, 01:32
1.1Welcome to the Course01:32
1.1
Welcome to the Course
01:32
2.Let’s Create 3 Custom Blocks3 lessons, 51:21
3 lessons, 51:21
2.1Gutenberg Pricing Table Block23:43
2.1
Gutenberg Pricing Table Block
23:43
2.2Gutenberg Tabbed Content Block17:51
2.2
Gutenberg Tabbed Content Block
17:51
2.3Gutenberg Toggle Content Block09:47
2.3
Gutenberg Toggle Content Block
09:47
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.