Migrating Classic Themes to Block Themes: A Developer’s Complete Guide
A complete developer guide to migrating classic PHP WordPress themes to block themes. Template conversion, theme.json setup, pattern creation, widget migration,…
Writing
Notes from inside the studio
WordPress, BuddyPress, Laravel, Astro, AI. Search the archive or filter by topic.
Typography Presets in theme.json: The Complete Block Theme Guide
A complete guide to typography presets in theme.json: registering font families with fontFace declarations, enabling fluid font sizes with CSS clamp(), loading …
Responsive Design in Block Themes: Fluid Typography and Spacing with theme.json
Learn how to configure fluid typography and spacing in theme.json. Build responsive block themes using CSS clamp(), container queries, and WordPress 6.9 improve…
How to Create Custom Color Palettes in theme.json for Brand-Consistent Block Themes
Color management is one of the most powerful features of WordPress block themes. With theme.json, you can define custom color […]…
How to Add Custom Fonts to Block Themes Without Plugins in 2026
Why Custom Fonts Matter for Block Themes Typography is one of the most impactful design decisions you can make for […]…
How to Define Block Settings in theme.json to Control the Editor Experience
Learn how to use the settings.blocks section in theme.json to configure individual blocks differently from your global defaults. This tutorial covers per-block …
Block Theme Development Workflow: Tools and Setup for 2026
A complete guide to the modern block theme development workflow in 2026 covering @wordpress/create-block scaffolding, wp-env local environments, theme.json Inte…
How to Create Style Variations in theme.json for Multiple Design Options
Style variations let users switch your entire theme’s visual identity from the Site Editor. One click changes colors, typography, spacing, […]…
How to Use CSS Custom Properties in Block Themes for Scalable Styling
Every value you define in theme.json becomes a CSS custom property. Colors, font sizes, spacing scales, WordPress converts them all […]…
WordPress Template Hierarchy in Block Themes
Complete visual guide to the WordPress template hierarchy in block themes. Covers template resolution order for every page type, custom templates, Site Editor o…
How to Create Custom Block Patterns in WordPress Block Themes
Learn how to create custom block patterns for WordPress block themes. Covers PHP registration, file-based patterns, synced vs unsynced patterns, pattern categor…
How to Configure Global Styles in theme.json for Consistent Block Theme Design
Learn how to configure global styles in theme.json for consistent block theme design. Master the styles section, element-level styling, block-level overrides, a…