How to build a Gutenberg block plugin - WordPress tutorial
A step by step guide to create your first Gutenberg block plugin. Click here now to find out more about the process of creating content blocks in Gutenberg
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
Creating a new WordPress entry with Gutenberg • Silo Creativo
We show you how the block system works in Gutenberg, the new WordPress editor. We will create a new entry with the most usual blocks so you can see how it works and what options it offers you.
How to create a Gutenberg Block for Displaying a Post - Igor Benić
Gutenberg is coming and we need to be prepared for it. In this tutorial, we will learn how to create a block that will display a post. If you’re reading this before February, 19th 2018, be sure to join the […]
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 […]
After completing Zac Gordon’s wonderful Gutenberg Development Course, I wanted to try building my own block. It was more difficult than I expected, but a great learning experience. I added a “List Subpages” block to my BE Subpages Widget plugin (code here). This lets you select a page and dynamically lists all its subpages. The…
WordPress Gutenberg Guide: How to Build Your Next Site With It
Want to learn more about the upcoming WordPress Gutenberg editor? We'll tell you what it is, how it works, and show you how to use it to build your WordPress content pages and make them more attractive than what WordPress gives you by default.
How to add WordPress Theme Styles to Gutenberg — Rich Tabor
In a couple months or so, Gutenberg will revolutionize WordPress publishing as we know it. It’ll finally bring a much-needed standardized content creation experience to WordPress. There’s just one small caveat. Innovation simply can’t happen without WordPress theme developers committing to the Gutenberg experience. If Gutenberg will become the de facto editing experience for the average WordPress […]
Gutenberg is the codename for the upcoming WordPress editor. It’s currently in beta and available for download from the WordPress.org plugin repository. The new editor consists of blocks that replace …
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 …