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...
How to use external React components in your Gutenberg blocks
Gutenberg itself already exposes a lot of components ready to be re-used in our custom blocks. Most of these are located in wp.components and wp.blocks, and they include helpful building blocks for every Gutenberg block: Text
I've been working on updating my collection of WordPress plugins for the imminent Gutenberg update. So far it has not required much time to learn, and the...
Importing Gutenberg core libraries as ES modules with webpack
Gutenberg comes with a set of core libraries which are necessary for any kind of custom block development. Namely those libraries are: @wordpress/components: Generic, reusable UI WordPress components @wordpress/i18n: Internationalization utilities @wordpress/element: Abstraction on top
Anatomy of a Custom Block: How Gutenberg Blocks Work - Content Blocks
If you’re a WordPress developer who is getting started writing custom content blocks for Gutenberg, you’ll find that this is a very different kind of development than you are used to doing. Gutenberg relies heavily and JavaScript and React instead of PHP, and the underlying architecture is unique. When I first started writing custom blocks […]
One thousand and one way to extend Gutenberg today
If there's one and only one feature that made WordPress gain 30% of the web's market share, this feature would be Extensibility. What is WordPress without Yoast? What is WordPress without…
Introducing Gutenberg Boilerplate For Third Party Custom Blocks!
I have built a Gutenberg boilerplate to help WordPress theme and plugin developers kick-start their development with the new editor in town. It's heavily inline documented. This post also contains my …