how-to-gutenberg-plugin icon indicating copy to clipboard operation
how-to-gutenberg-plugin copied to clipboard

A demo WordPress plugin that teaches you how to build blocks with JavaScript

How to Build a Block WordPress Plugin

Screenshot of block installed showing the title setting

This plugin installs two custom blocks:

  1. How to Create a Block - Shows the code needed to create a basic block
  2. Demo Block - Used as an example to reference for basic block architecture

To make edits to the plugin make sure to run the following:

npm install
npm run dev

Gutenberg Block Development Course

Course Banner

This plugin accompanies the Gutenberg Development Course from Zac Gordon.

The full course example files can be found in this repo here.