Skip to content

This is a WordPress plugin which shows how to create a wrapper block for Gutenberg.

Notifications You must be signed in to change notification settings

liip/wrapper-block-example-wp-plugin

Repository files navigation

Example how to create a wrapper block for Gutenberg in WordPress

This is a WordPress plugin which shows how to create a wrapper block for Gutenberg. This blog post explains how it works: https://www.liip.ch/en/blog/writing-a-wrapper-block-for-gutenberg-in-wordpress. Feel free to use this plugin as a starting point to create a wrapper block for Gutenberg in your WordPress project.

Wrapper Block Demo

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

This is a WordPress plugin which shows how to create a wrapper block for Gutenberg.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published