Skip to content
This is a WordPress plugin which shows how to create a wrapper block for Gutenberg.
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
dist
.babelrc
.editorconfig
.eslintignore
.eslintrc.json
.gitignore
README.md
package-lock.json
package.json
wrapper-block-example.php

README.md

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