Developer Tutorials for Gutenberg WordPress Editor

Are you getting started with Gutenberg WordPress editor development? Check out the best curated Gutenberg tutorials for developers. Find out tutorials for building Gutenberg WordPress blocks and making WordPress themes compatible with Gutenberg editor.

How to use external React components in your Gutenberg blocks

Learn how to use any component from the React ecosystem in your Gutenberg blocks without having to include React and ReactDOM in your final bundles.

Gutenberg Migration Guide

This repository documents WordPress Classic Editor customization points and their Gutenberg equivalents (if such exist). Its goal is to help WordPress developers update their plugins and themes for Gutenberg compatibility.

WordPress Gutenberg Block API: An Introduction

The new WordPress editor (codenamed Gutenberg) is due for release in version 5.0. Now is the perfect time to get to grips with it before it lands in WordPress core.I’ll show you how to work with…

Creating a Hero Image Block with Inspector Controls, Color Palette, and Media Upload (Part 1)

The goal here is to create a full width, customizable hero image Gutenberg block. We aim to learn how to use the InspectorControls, ColorPalette, and MediaUpload components and use those to create a configurable block.

Do I Need to Learn React to Build Gutenberg Blocks?

The short answer is no. You don’t need to know anything about React to build a Gutenberg block. But there is more to know, read the full article.

Gutenberg Blocks: Setting up and adding CSS

This is the third part of a WordPress Gutenberg Blocks series by Jim Schofield @jschof. In this part you will learn how to include CSS in your blocks.

Gutenberg Blocks: Creating an editable field

This is the second part of a WordPress Gutenberg Blocks series by Jim Schofield @jschof. In this part you will learn how to add editable fields to your blocks.

Gutenberg Blocks Made Easy

Gutenberg Blocks may seem overwhelming, but Jim Schofield @jschof hoping to clear away just enough details so that we can see what’s going on at the heart of this new editor.

How to Prepare Your Plugins for WordPress Gutenberg

Are you ready for Gutenberg? If you’re a plugin developer, you need to prepare your own plugins for Gutenberg.

Gutenberg Best Practices for Blocks and Themes

Before jumping off the deep-end into developing for WordPress’s new Gutenberg editor let’s take a look at some of the Gutenberg best practices for blocks and themes.