How to Build Interactive Blocks with the WordPress Interactivity API
Learn how to use the WordPress Interactivity API to build stateful, client-side interactive blocks using real data-wp-* directives, @wordpress/interactivity sto…
Writing
Notes from inside the studio
WordPress, BuddyPress, Laravel, Astro, AI. Search the archive or filter by topic.
How to Add Custom Block Supports in theme.json for Enhanced Editor Controls
Learn how the WordPress block supports system works, how to enable and disable controls per block in theme.json, configure spacing, border, and color supports, …
How to Use Block Filters and Hooks to Modify Block Behavior in Themes
A practical guide for block theme developers on using PHP and JavaScript block filters to modify render output, adjust block metadata, extend blocks with custom…
Twenty Twenty-Seven Is Coming: What Commercial Block Theme Authors Need to Know Now
The WordPress core team has announced the Twenty Twenty-Seven default theme. For commercial block theme authors, a new default theme is never just cosmetic — it…
How to Create Block Variations in WordPress to Extend Core Blocks Without Code Duplication
A developer guide to wp.blocks.registerBlockVariation: scope, isActive, innerBlocks, and how variations differ from block styles, patterns, and custom blocks. B…
How to Build Custom Blocks for Block Themes Using the WordPress Block API
A practical guide to building custom Gutenberg blocks for block themes, block.json metadata, static vs dynamic blocks, editor + frontend code, theme.json integr…
How to Create Custom Block Styles That Extend the WordPress Design System
Learn how to create custom block styles in WordPress. Covers registering styles with PHP and JS, styling with CSS and theme.json, removing defaults, and buildin…
How to Use Style Variations in Block Themes to Offer Multiple Design Presets
Learn how to create style variation JSON files for WordPress block themes, override colors, typography, and spacing per variation, preview designs in the Site E…
How to Design Accessible Color Systems in Block Themes That Pass WCAG Standards
A complete guide to building WCAG-compliant color palettes in block themes: contrast ratios, semantic color naming in theme.json, dark mode style variations, an…
How to Implement a Consistent Spacing System in theme.json for Balanced Layouts
Learn how to implement a complete spacing system in theme.json for WordPress block themes. Covers spacingSizes presets, fluid spacing with CSS clamp(), block ga…
How to Build a Design Token System in theme.json for Maintainable Block Themes
What Design Tokens Are and Why They Matter for WordPress Themes Design tokens are the smallest units of a design […]…
How to Convert Existing Page Layouts into Block Patterns for Theme Distribution
Why Converting Existing Layouts to Block Patterns Makes Strategic Sense Every established WordPress theme and agency has a library of […]…