Settings Sidebar:: Add Block Text, Image and Checkbox Fields – WordPress Gutenberg Block
This is the second video in the series. If you missed the first one, see Native WordPress Gutenberg Blocks – Tooling & Setup of first block or learn how to make blocks using ACF
We add new controls in the WordPress Gutenberg Block Settings Sidebar. We add Block Text, Image and Checkbox Fields using the native Javascript/React Components.
We learn how to handle the Block Editor JSX and build on the first plugin we did in the previous video.
VIDEO CHAPTERS
- 00:00 Saving Block Settings in Sidebar
- 01:03 Navigating the WordPress Block Editor Library
- 02:03 JSX & The Block Editor
- 04:56 The Blocks Inspector Control
- 05:49 Add a Block Panel to your custom block
- 07:11 Using the Blocks Checkbox Control
- 10:29 Add Block TextArea Controls
- 12:52 Upload Images with MediaPlaceholder component
- 13:52 In-depth MediaPlaceholder component
- 15:07 Next video