Skip to content
Example how to extend an existing Gutenberg block in WordPress
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets/js
dist
.babelrc
.editorconfig
.eslintignore
.eslintrc.json
.gitignore
README.md
extend-block-example.php
package-lock.json
package.json

README.md

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.
You can’t perform that action at this time.