Part 3: A Deep Look at Block.json and Block Attributes

Note: This post of understanding newly added WordPress Site Editor features including using blocks. This learning post is still in active development and updated regularly.

In the previous posts in this series, we look at the default file structures created by the create-block. In this post, let’s deep dive into the block.json and block attributes to better understand them, so that in the following steps we can modify its contents and styles.

Learning Goals
Part 1: Learning to Create a Simple Custom Gutenberg Block
Part 2: Anatomy of the Create Block Plugin File Structure
Part 3: A Deep Look at Block.json and Block Attributes (this post)

Note: This article was prepared as proof of concepts while preparing for this forthcoming article on Smashing Magazine.

Part 2: Anatomy of the Create Block Plugin File Structure

Note: This post of understanding newly added WordPress Site Editor features including using blocks. This learning post is still in active development and updated regularly. In the previous posts in this series, I created a basic scaffold for My First Custom Block. Now, in this post, let’s go through its file structure and understand it, […]

Site Editor Command Palette Feature in WordPress 6.3

Note: This post of understanding newly added WordPress Site Editor features in WordPress 6.3 including using Command Palette. This learning post is still in active development and updated regularly. The Command Palette is a feature in the WordPress Site Editor that allows users to perform other tasks, such as navigating between templates, creating new templates, […]