Gutenberg Boilerplate

screenshot of Gutenberg Boilerplate

Gutenberg Boilerplate

🔰 WordPress Gutenberg Boilerplate! — Easy to understand and extensively inline documented starter WordPress plugin for the new Gutenberg editor. Think of it like a create-react-app for WP Gutenberg. ——— I now recommend 🔥 ⚛‏ 📦 `create-guten-block` → https://Awais.dev/cgb

Overview:

The content provided is a pre-deprecation notice for a deprecated boilerplate, along with a recommendation to use a new toolkit called "create-guten-block". The document includes instructions for installation and usage, as well as a list of features and examples of how the plugin can be used.

Features:

  • Custom Gutenberg Blocks: The plugin provides the ability to build custom Gutenberg blocks with custom CSS for both the editor and front end.
  • ES6 or ESNext and Webpack Build Process: The plugin allows for the creation of custom Gutenberg blocks using ES6 or ESNext with a Webpack build process.
  • Editable Content: Users can build custom Gutenberg blocks with editable content.
  • Tweet Block Contents: The plugin includes the ability to build a custom Gutenberg block that allows users to click and tweet the contents of that block.
  • Custom Toolbars (In progress): The plugin aims to provide the ability to build custom Gutenberg blocks with editable content and custom toolbars.
  • Card Layout: The plugin plans to include the ability to build custom Gutenberg blocks with a card layout consisting of editable and non-editable content (text and media).
  • Video Series: The plugin may offer a video series on Gutenberg development in the future.

Installation:

To install and use the Gutenberg Boilerplate plugin, follow these steps:

  1. Install and activate the Gutenberg WordPress plugin.
  2. Download the Gutenberg Boilerplate plugin by clicking [here](INSERT LINK).
  3. Install and activate the Gutenberg Boilerplate plugin.

To try the ESNext block, navigate to the "02-basic-esnext" directory in the Gutenberg Boilerplate plugin folder and run the command npm install. Ensure that Node and npm are installed on your system. To run the block in development mode, use the command npm run dev, or use npm run build to build the production code.

Summary:

The provided content is a pre-deprecation notice for a deprecated boilerplate and recommends using a new toolkit called "create-guten-block". The document includes information on features and installation instructions for the Gutenberg Boilerplate plugin. It also lists the progress and capabilities of the plugin, along with examples of the custom Gutenberg blocks it can create. The plugin offers various features, such as the ability to build custom Gutenberg blocks with different configurations, including custom CSS, editable content, and tweetable content.