One of the biggest roadblocks for WordPress developers looking to build custom blocks for Gutenberg is the strange syntax and compilation requirements of React/JSX. This tutorial will cover the steps required to build a custom block using JSX. This tutorial is specific to Gutenberg and is not meant to explain how to use all of React. Follow along to build your first Gutenberg block with JSX.
By default, the Editable component within Gutenberg displays a toolbar with a number of formatting buttons:
However, in certain circumstances we may want to hide some of these buttons, or even hide the entire toolbar. Read More
- Gutenberg block with static content
- Gutenberg block with editable content
- Gutenberg block with additional block controls
- Gutenberg block with custom styles
- Gutenberg block with custom inspector controls
This is a quick rundown of the commands used and resources needed to start unit testing a WordPress plugin. It is a fairly straight forward guide and does not include much explanation for each step. If you want a more detailed description of what is going on under the hood, check out the link to Pippin’s tutorial in the credits at the bottom of this article.