Block Scaffolds

Ready-to-use templates for creating new blocks in the Oh My Brand! FSE theme.

When to Use

• Creating a new native WordPress block
• Creating a new ACF block
• Starting test files for blocks
• Quick copy-paste for block files

Placeholders

Replace these placeholders in all templates:

Native Block Scaffolds

For blocks built with @wordpress/scripts in src/blocks/:

ACF Block Scaffolds

For ACF PRO blocks in blocks/acf-{name}/:

Test Scaffolds

Quick Start

Native Block

# 1. Create directory
mkdir -p src/blocks/my-block

# 2. Copy templates from references/
# 3. Replace placeholders
# 4. Build: pnpm run build

ACF Block

# 1. Create directory
mkdir -p blocks/acf-my-block

# 2. Copy templates from references/
# 3. Replace placeholders
# 4. Create field group in WP Admin > ACF
# 5. Register in functions.php $acf_blocks array

Related Skills

• native-block-development - Block structure guide
• acf-block-registration - ACF blocks guide
• web-components - View script patterns
• block-editor-components - Edit component patterns
• vitest-testing - TypeScript testing
• phpunit-testing - PHP testing