Modern WordPress Plugins with the Gutenberg Migration Guide


This article at the Gutenberg Migration Guide was initially published employing Torque Magazine and is reproduced right here with permission.

Love it or detest it, Gutenberg is right here to live. As such, getting your WordPress topics and plugins to paintings with the brand new editor must be a primary challenge. Truth is instructed; if you’re best simply thinking about this thing now, you’re reducing matters quite close. However, there’s nevertheless sufficient time to prepare your merchandise, specifically with a few third-birthday party help.

Daniel Bachhuber’s Gutenberg-associated tasks had been featured at the Torque blog formerly, and this is any other one that warrants interest. Tweaking your plugins to be well suited with Gutenberg may want to show to be a complicated challenge. However, the Gutenberg Migration Guide needs to help you’re making the switch. It’s an accessible reference guide for evaluating customization points among WordPress’ classic editor and Gutenberg.

Let’s get started! In this post, we’ll look at the undertaking as a whole and discuss the way it works. Then we’ll speak approximately the way to ensure your plugins and issues are Gutenberg-prepared.

The Current State of the Gutenberg Editor

We’ve mentioned Gutenberg’s history at the Torque blog a lot, so we received’t cross into too much detail here. However, to offer a few historical contexts, Gutenberg is, in the end, going to be WordPress’ new default editor. It can be replacing the TinyMCE model this is currently in place. While Gutenberg is now out of beta, we’re awaiting the plugin to be merged into the core platform.

Image result for Modern WordPress Plugins with the Gutenberg Migration Guide

However, regardless of the sound reasoning behind Gutenberg’s capability, many were left unimpressed using the lack of polish within the editor to this point. This assessment may be really harsh, thinking about the assignment’s modern repute. In any case, the excessive stage of criticism has led to a lack of motion from many WordPress builders, particularly on the subject of getting their merchandise up to standard.

This hasn’t stopped some savvy developers from looking to capture the early adopter marketplace, but. For instance, the very famous Elementor Pro page builder now includes some Gutenberg-compatible ‘blocks’. Other builders also are starting to encompass this functionality as a trendy function:

Sonar home web page

The fact that we’re finally seeing Gutenberg-related capabilities acting in business issues needs to bring the situation to an angle. In other words, a few developers were running on their Gutenberg answers for a while. Now, they’re starting to provide them to the public.

If you’ve not yet begun to do the same, you’ll likely want some help getting began. Fortunately, there’s an excellent initiative that gives simply that.

Introducing the Gutenberg Migration Guide

Having a few support simultaneously as migrating your functionality over to Gutenberg is likely going to be welcome to many builders. For that cause, Daniel Bachhuber – who has turn out to be a focus for Gutenberg-associated tasks of past due – has created the Gutenberg Migration Guide.

This is an aid to help builders port their TinyMCE-centric plugins and themes to the new editor. It includes plenty of screenshots and on-hand references to the Gutenberg Developer’s Handbook. You can think of it as Gutenberg’s own ‘Codex,’ even though it’s no longer classed as a reliable part of the WordPress Codex.

Image result for Modern WordPress Plugins with the Gutenberg Migration Guide

This manual also includes a quick review listing every TinyMCE editor customization factor with a Gutenberg equivalent. Plus, it covers all impacted hooks and conventional editor functions. This will manifestly be an essential pass-to useful resource while you’re looking for answers for porting functionality over to Gutenberg.

How You Can Help the Gutenberg Migration Project Succeed
As outlined on a Make WordPress weblog post closer to the quiet of April, Daniel is seeking to crowdsource this mission instead of continuing to be the only contributor. However, despite the plethora of components that make up the new editor, additional contributions had been sparse:

Commits to the Gutenberg Migration Project repo

Therefore, mainly given the high price of the task, greater contributors are required to help fill out the manual. To start contributing, you could really ship a pull request as common, a good way to then be authorized and merged into the manual proper. You can also advocate a brand new hook (or ask a query) by opening a GitHub difficulty.

How to Use the Gutenberg Migration Guide to Deliver Modern WordPress Plugins
Actually, the usage of the Gutenberg Migration Guide is an absolute breeze, mainly due to its rather organized format:

The migration Guide’s format

You’ll discover a reference to the relevant TinyMCE editor action or filter at the pinnacle of each page, and then a common example of in which it’s used inside WordPress. Next, you’ll locate real-international examples of the way the hook is used. This is one area in which the project desires more contributions. Many plugins upload their very own functionality to the editor, which want to be documented.

Below that, you’ll find a screenshot of the equivalent hook within Gutenberg. This will be accompanied via a brief rationalization in which you can discover that hook in conjunction with any esoteric facts regarding its use. Finally, there’s an available connection with the Gutenberg Developer’s Handbook to help you alongside in case you require greater information.

Overall, this is a useful reference manual for Gutenberg developers and should be bookmarked even as you’re going through the migration process. In our opinion, the first elements you have to test out are the aspects that haven’t yet made the transfer to Gutenberg. For instance, some edit_form movements are not like-minded within Gutenberg. Depending on your subject matter or plugin’s capability, this will require a comprehensive workaround.

Finally, other conventional editor functions that haven’t been incorporated into Gutenberg are the Screen Options tab and the unofficial Custom Post Status function. The former is all likelihood to be extra regarding many developers, as that becomes a ‘power’ feature several WordPress users found useful.

Making certain your issues and plugins can adapt to both editors no matter those changes is surely important. As you’ve seen, the Gutenberg Migration Guide is what will get you there.


Gutenberg has its detractors. However, every beta update is bringing extra to the birthday celebration. The new editor is slowly becoming a powerful method for creating WordPress layouts; that’s exceptional news for end customers and developers.

What’s extra, the Gutenberg Migration Guide from Daniel Bachhuber can be a top-notch resource for those wanting to evolve their own tasks speedily. It’s enormously simple to use as-is, however it still needs assistance from the WordPress network to attain its complete capability. To assist out, you can ship a pull request, open a GitHub problem, or maybe provide your own actual-international examples of Gutenberg equivalents to the TinyMCE editor’s functionality.