WebberZone on WordPress

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…

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…