wp-block-markup

What problem does it solve?

Developers and content editors often struggle to understand and validate how WordPress Gutenberg blocks are delimited, nested, and serialized in post_content. This skill clarifies block markup syntax, the delimiter conventions, and how block attributes are stored and reconstructed by the save() method.

Core Features & Use Cases

• Explains the three block forms (balanced, self-closing, and nested blocks) and how to serialize attributes between the HTML and comment JSON representations.
• Provides concrete examples of paragraph, image, list, and group blocks, plus the rules for nesting and inner blocks.
• Use cases include debugging "Block contains unexpected content" errors, converting HTML to block markup for templates, and validating generated markup against Gutenberg expectations.

Quick Start

Convert a sample HTML block into the corresponding Gutenberg block markup and explain the mapping.