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

Part II – Video Settings Sidebar:: Add Block Text, Image and Checkbox Fields – WordPress Gutenberg Block

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

Leave a Reply

Your email address will not be published. Required fields are marked *