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 the developers can benefit from its block-modeled layout but the end-users will also be able to create dynamic page layouts with it.
However, building custom blocks with Gutenberg can be quite a hassle for developers who want to integrating it into their projects.
Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as far as adding a drop-down control to select an image category. We’ll continue with this by adding more block options to allow further customization.
Since the WordPress REST API was first proposed, we’ve talked a lot about how it will be involved in the future of wp-admin. Gutenberg, the new WordPress UI system that will be used for the new post editor in WordPress 5.0 is the first example we have of the REST API being used to communicate data between the server and a JavaScript-driven interface.
Shortcodes are a quintessential WordPress feature. They’ll continue to work when WordPress 5.0 is released, but should be converted to to Gutenberg blocks for the best possible user experience.
In a few months, WordPress 5.0 will be released with a new editor, code-named Gutenberg. It will be a huge improvement for content editing, but it will require some work to ensure your theme takes full advantage of the new features.
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).
At this year’s WordCamp US, I was super excited by the possibilities that Gutenberg presented for WordPress. I came home and started making blocks. Having built a few custom block plugins, I’m even more excited. This isn’t a tutorial, instead, this is a reflection on what it’s like to develop for the WordPress of the future,
Gutenberg is an ambitious project that aims to completely overhaul the experience of writing content in WordPress. It brings big changes to edit post screen, but will also bring big changes to the way we design, develop and think about WordPress.
? Excited to release the create-guten-block toolkit today.
In this tutorial we will learn to build custom blocks for the new Gutenberg editor in WordPress. Gutenberg is built using the React Javascript framework and custom blocks can be built with React’s JSX syntax.
