Getting started
- 01 – @wordpress/create-block A common way of setting up the developer environment when creating blocks for Gutenberg. 13:48
- 02 – @wordpress/scripts Less popular but more flexible way of setting up the environment. 7:14
Basics of block development
- 03 – registerBlockType and block.json Our very first steps in custom Gutenberg block development. 15:57
- 04 – Block icons 7:40
- 05 – Block categories We will also create a custom block category here. 5:58
- 06 – Add CSS to a Gutenberg block 11:28
- 07 – Editable block The RichText component and introduction to block attributes. 15:14
- 08 – Block settings 21:07
- 09 – Uploading images We will use the MediaUpload component to add an image uploader field to the block settings. 14:15
- 10 – Color settings All about using color palettes, gradients, and custom colors. 05:58
- 11 – Dynamic blocks 20:50
- 12 – Block translation We will translate our custom Gutenberg block into the Spanish language. 18:30
Advanced block development
- 13 – Query loop block How to create child blocks for the query loop block. How to use block variations to create custom loops. 22:50
- 14 – Interactive blocks All about using the WordPress Interactivity API. 24:10
- 15 – Creating blocks with AI How to re-create the same block we developed in this course, but with AI. 14:25