Gutenberg Resources

Best curated resources for Gutenberg WordPress editor. Gutenberg tutorials, Gutenberg plugins, Gutenberg themes and more.

Building a Gutenberg Block with a Toolbar Control By ModularWP

A great tutorial by ModularWP, explains how to add an alignment control to the toolbar of a block.

Video Block – Overview & How to Use Guide

The allows you to embed video files and play them back using a simple player. Video Block Description Videos are the important part of a content, and makes adding videos to your content really simple. So let’s see what the video…

Cover Image Block – Overview & How to Use Guide

Cover Image is a bold image block with an optional title. Description If you like to add a hero header like section on a page or post, cover image block would allow you to do that. This block allow you…

Gallery Block – Overview & How to Use Guide

Image galleries are a great way to share groups of pictures on your site. Description Like images, galleries are also an important part of content. So let&;s see what this gallery block can do and how to use it. Video…

Image Block – Overview & How to Use Guide

Worth a thousand words. Description Image Block is another most important block in the . Images are an important part of any content. So let&;s see what this block can do and how to use it. Video Walkthrough of Image…

Paragraph Block – Overview & How to Use Guide

This is a simple text-only block for adding a single paragraph of content. Paragraph Block Description Paragraph Block is the most important one in the Gutenberg Editor. It will be used more than any other block. So let&;s see what…

Tom J Nowell Documented How He Built Frontenberg

Frontenberg is a theme that lets you put the new editor for WordPress on the frontend. No login necessary, you just visit the site and there it is. Tom has document how he built it, what it is and isn&;t,…

A deep insight into the Gutenberg transition by Human Made

A very deep insight into the Gutenberg transition process as an agency working on client sites with a custom setup. A must-read article by Human Made! Here is a video that shows what the editor looks like when editing a…

31 Tips for Gutenberg Development by Zac Gordon

This is a curated post with all the awesome tips for by Zac Gordon. @zgordon Tip 1 Use &;enqueue_block_editor_assets&x27; to hook your custom block&x27;s JavaScript into Gutenberg Tip 2 wp.element is the WordPress abstraction layer on top of React and…