WP Manifestindependent plugin directory
manifest / developer / wp-gutenberg-block-template

Gutenberg Block Templatee

Plugin template to create a Gutenberg Block using react

by Philipp Stracker · github.com/stracker-phil/wp-gutenberg-block-template · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/stracker-phil/wp-gutenberg-block-template/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/stracker-phil/wp-gutenberg-block-template ↗

Gutenberg Block Plugin

Requirements

  • PHP 5.4 or higher (namespaces, short array notation)
  • npm version 6 or higher
  • WordPress 5.0 or higher

Setup

  1. Rename the folder and plugin.php
  2. Edit the plugin name in package.json
  3. Edit the plugin header, rename namespaces
  4. Rename the wpblock textdomain in all .php and .js files
  5. Rename the wpblock script- and style handles in enqueue-scripts.php
  6. Rename the file languages/wpblock.pot
  7. Run npm install in the plugin folder
  8. Build the assets: npm run dev

Re-build the Gutenberg blocks

  • npm run dev .. One time compilation in development mode.
  • npm run watch .. Live-compilation in development mode.
  • npm run build .. Build the production assets.

API documentation

https://wordpress.org/gutenberg/handbook/

Theme for testing

https://github.com/WordPress/gutenberg-starter-theme