timnicholson / extend-block-example-wp-plugin

Example how to extend an existing Gutenberg block in WordPress

Example how to extend an existing Gutenberg block in WordPress

This is a WordPress plugin which shows how to extend an existing Gutenberg block. This blog post explains how it works: https://www.liip.ch/en/blog/how-to-extend-existing-gutenberg-blocks-in-wordpress. Feel free to use this plugin as a starting point to extend Gutenberg blocks in your WordPress site.

Developer information

Installation

1. Clone this repository

2. Install Node dependencies

   $ npm install
   

Code style

Run eslint with the following command:

$ npm run lint

Compile assets

npm start

• Use to compile and run the block in development mode.
• Watches for any changes and reports back any errors in your code.

npm run build

• Use to build production code for your block inside dist folder.
• Runs once and reports back the gzip file sizes of the produced code.