Skip to content

Example how to extend an existing Gutenberg block in WordPress

Notifications You must be signed in to change notification settings

Sven74Muc/extend-block-example-wp-plugin

 
 

Repository files navigation

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.

About

Example how to extend an existing Gutenberg block in WordPress

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.5%
  • PHP 20.5%