Create a Minimal Custom Gutenberg Block in WordPress

I’ve started playing with the new Gutenberg editor in WordPress, and the experience is a lot more modern than the old TinyMCE editor that’s been around for a good 15 years (and I’ve had blogs for almost that long!).

Instead of editing all the content of the post at once, the Gutenberg editor works with blocks of content that can be reordered, with a clean look similar to the Medium editor.

WordPress comes with many blocks by default for standard elements such as list, button or image galleries (see for all the blocks that comes built-in). You can also save blocks you’ve used in a post to reuse them in other posts.

For a really effective blogging workflow, you’ll need to build new blocks to extent the functionalities of the editor. For another blog I own (, I wanted to use the HTML