Figma to WordPress: How to Turn a Figma Design Into a Block Theme
Figma to WordPress for block themes: map Figma variables to theme.json tokens, components to patterns and template parts, and frames to templates. A workflow, n…
Writing
WordPress, BuddyPress, Laravel, Astro, AI. Search the archive or filter by topic.
Figma to WordPress for block themes: map Figma variables to theme.json tokens, components to patterns and template parts, and frames to templates. A workflow, n…
A Shopify design system for a WordPress team: Polaris is for admin apps, theme settings hold storefront tokens, and one token file can feed both platforms.…
Brndle’s real pricing.blade.php mapped against HTML-AAM and WAI-ARIA 1.2: no table at all, a genuine role=radio toggle, and a Most Popular badge that reaches ze…
The complete Settings::get()/save() PHP API and the full brndle/v1/settings REST contract, confirmed from source: every route, the manage_options auth gate, and…
The real /settings/export and /settings/import REST routes, confirmed from Brndle’s source, plus a worked Node.js script that clones one client’s design tokens …
Brndle’s 6 footer styles, read from the theme’s own source: which ones ship a fixed DOM regardless of site size, which scale directly with configured footer men…
WP Rocket, W3 Total Cache, and WP Super Cache cache finished HTML, not Acorn’s compiled Blade views. The real two-layer explanation, how to tell which cache is …
WordPress Multisite gives every site its own independent settings by default. We read Brndle’s source to confirm it adds no network-aware code, then built two r…
An honest, source-code check of Brndle’s WooCommerce compatibility: a real but narrow PHP integration, confirmed absent template overrides, and the open questio…
Yoast and Rank Math each build a full schema graph by default. Brndle emits exactly one type, FAQPage. Here’s where all three can collide and the decision frame…
What is Tailwind CSS? A plain explainer for WordPress theme builders: utility classes, v4 setup, the @theme block, Preflight and the tradeoffs, from tailwindcss…
Atomic design maps cleanly onto a block theme: tokens in theme.json, atoms as styled core blocks, organisms as patterns and template parts, templates as files, …