A basic Gutenberg plugin to get started building your own custom blocks and plugins.
- Webpack config and commands
- Example block code
- Example plugin code
- Plugin bootstrap code for enqueueing assets
You'll need to use the command line to start making edits so these intructions assume some basic command line knowledge.
- XCode command line tools, run
xcode-select --install
to get these on OSX
cd
to your plugins directory in your WordPress install- Run
git clone https://github.com/humanmade/gutenberg-starter-kit.git
cd gutenberg-starter-kit
npm install
npm run build
You can also use the webpack dev server to refresh the page when you make edits.
- Add
define( 'SCRIPT_DEBUG', true );
to your wp config (make sure you don't put this live!) npm run start
to start the dev server.
The example block and plugin are in assets/src/
and clearly named.