Web Development Tutorials
//

Tag: Gutenberg

Programming

Add a Block Style Variation in WordPress

register_block_style adds a named look to a block that already exists, without writing a new block at all. WordPress applies an is-style-* class when…

August 19, 2026

Programming

Register a Block Pattern in WordPress

register_block_pattern stores a ready-made arrangement of blocks, while register_block_pattern_category gives it a home in the inserter. The content is ordinary block markup copied out…

August 19, 2026

Programming

Add Settings Controls to a Gutenberg Block

Attributes in block.json declare what a block stores, then InspectorControls moves the fields into the editor sidebar where authors expect them. PanelBody groups the…

August 18, 2026

Programming

Create a Custom Gutenberg Block Without a Build Step

register_block_type reads a block.json file and wp.blocks.registerBlockType describes the block in plain JavaScript. Because wp.element.createElement replaces JSX, there is no compiler in the loop…

August 18, 2026