This is the fifth part of my Gutenberg block development tutorial series. In the past four chapters, we’ve learnt how to build static and dynamic blocks, add custom settings and change styles. Many of my plugins contained a single block which served as an alternative to the shortcode. However, I did need to build two…
This tutorial is the fourth part of the WordPress block development series. The first three parts of the series covered creating a simple block using @wordpress/create-block. We then customised the block to display an inline notice/alert with customisable text. In this tutorial, we will create a dynamic block. Unlike static blocks, dynamic blocks are rendered…
In The first steps in WordPress block development, I introduced the basics of creating a WordPress block. We then dug deeper into the various block files in the second part of this tutorial series, In this chapter, we’ll continue our journey of building WordPress blocks by extending the Sidebar in the Block Editor to add…
This is Part 2 of the WordPress block development tutorials. Before you read this article, please check out Part 1. There, I showed you how to set up your development environment, use the @wordpress/create-block package and understand the WordPress block files. In this article, I’ll show you how to edit the code and run the…
This post is part of a series called WordPress Block Development Made Easy. In 2019, I began to develop my first blocks for the block editor (formerly known as Gutenberg). It was a laborious process for me that involved coding JavaScript and PHP manually. As the block editor improved over time, so did the methods…