Blockstudio

Guides

In-depth guides for building with Blockstudio.

Block Context and CommunicationPass data between parent and child blocks. Build section wrappers, card grids, pricing tables, and other component patterns where blocks need to talk to each other.
Building a Block LibraryBuild a complete set of section blocks with Tailwind CSS. Project setup, design tokens, the section pattern, repeaters, images, and page composition.
Field Patterns CookbookPractical recipes for common field combinations. Conditional groups, smart selects, rich repeaters, organized settings, media patterns, queryable storage, and reusable field definitions.
Building File-Based PagesCreate WordPress pages from code. A practical guide to template locking, block editing modes, keyed merging, and controlling exactly what clients can edit.
Building Interactive ComponentsBuild accordions, tabs, modals, and like buttons with the WordPress Interactivity API. Complete examples with no build step required.
Migrating from ACF BlocksA practical guide for moving your custom blocks from Advanced Custom Fields to Blockstudio. Side-by-side comparisons, field mappings, and step-by-step migration patterns.
Vibecoding with BlockstudioHow to build WordPress blocks, pages, and full sites using AI coding agents. Practical patterns for getting the most out of Blockstudio's file-based architecture.