Category: Developer Tutorials for Gutenberg WordPress Editor

Are you getting started with Gutenberg WordPress editor development? Check out the best curated Gutenberg tutorials for developers. Find out tutorials for building Gutenberg WordPress blocks and making WordPress themes compatible with Gutenberg editor.

Introducing Gutenberg Template Builder

Following the great success of the Gutenberg Templates Library and the GutenbergHub's chrome browser extension, I am excited to share this Gutenberg Template Builder. The Gutenberg Template Builder 🔥 This is right now, kind of a prototype to gather the feedback and suggestions from Gutenberg WordPress users. The idea is to let you quickly generate full-page layouts by adding desired sections from the Section Templates Library. Try the builder Copy & Paste in Gutenberg When Ready Once you… Read More »

Built-in handling of big images in WordPress 5.3

So you got a WordPress website with a lot of images? And you always struggle to optimize them, resize theme for the web before manually uploading it to your website? Not anymore, as WordPress 5.3 is introducing a built-in mechanism to handle big images automatically for you. Check out the official post for more details on how it works. Read More »

Block Editor Theme-related updates in WordPress 5.3

A must read for Theme Developers. WordPress 5.3 includes a lot of additions and refactoring to existing blocks in order to support new features. Some of this features require special care from theme authors in order to optimize the Block Editor theme integration. Check out the details. Read More »

How to Add Button to the Rich Text Toolbar

Learn how to create a custom button to the Rich Text Editor used by Gutenberg. By default, it has alignments, bold, italic and link buttons. Learn how to add a text highlighter button (and similarly any other option) to the rich text toolbar. Read More »

Reusable Blocks as Templates

In this tutorial, learn how to create a reusable template with your own blocks. Code also provided of a quick reusable Cover + Paragraph + Heading block if you want to give it a whirl. Read More »

What Gutenburg Means for Headless/Decoupled CMS

WordPress is currently changing a lot in terms of how we develop for it. The new “Gutenberg” editor is built using React. In this post, Josh Pollock going to look at what decoupled development means for WordPress. Adding Gutenberg to our toolkit we can use as WordPress developers, creates new opportunities, as well as new challenges. Read More »

Building Gutenberg Blocks with ACF

Learn How to build Gutenberg Blocks using Advanced Custom Fields in this tutorial by Pantheon . Building ACFBlocks is easy, simply register a block, add fields visually via ACF and write down the html markup of the block. Find out more in this tutorial. Read More »