Gutenberg is the future of WordPress, and it is just around the corner. Brace up for it by learning how to build your own custom Gutenberg block.

Gutenberg attributes are one of the more powerful, yet less talked about features inside the new WordPress editor. A good understanding of how they work opens up all kinds of possibilities for your blocks. In this post, Jay Hoffmann discusses what they are, what they do, and how you can use them in your custom blocks.

Listen to this article: There’s no better time to start exploring how each of our WordPress themes will interface with Gutenberg. So to help folks level-up their themes to support the new WordPress block editor, I built the Block Unit Test WordPress plugin. Testing every core block within Gutenberg — and every variation of every […]

Inner Blocks are Gutenberg Blocks that allow inserting additional blocks within your own block. To understand it even better, imagine a shortcode that wraps the content. This content can then be shown or hidden. You can achieve that inside Gutenberg […]

Gutenberg is the new WordPress editor, and everyone is talking about it. It has introduced an all-new way of writing content with WordPress. So not only can developers benefit from its...

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...

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

gutenberg-migration-guide - Documents WordPress Classic Editor integration points and their Gutenberg equivalents

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...

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

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 […]

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…

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 …