wordpress-block-theming

Generate WordPress Full Site Editing block themes with theme.json, templates, and patterns.

14|1|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/wpgaurav/WordPress-skills --skill wordpress-block-theming-wpgaurav
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wordpress-block-theming
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/wordpress/wp-site-creator/wordpress-block-theming
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill wordpress-block-theming-wpgaurav

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WordPress block theme development often lacks a cohesive Full Site Editing (FSE) architecture across theme.json, templates, parts, and patterns. This Skill provides a complete blueprint to structure and implement block themes that are maintainable, accessible, and visually consistent.

Core Features & Use Cases

  • Complete FSE theme architecture guidance including theme.json schema, typography recommendations, and motion/animation patterns.
  • Template and pattern creation best practices, header/footer structure, and safe PHP usage in functions.php.
  • Use cases: building a new WordPress block theme from scratch, converting an existing theme to FSE, or rapidly prototyping theme ideas with reusable patterns.

Quick Start

Create a new theme directory, add a minimal theme.json and at least one template and a pattern, then enqueue fonts and register patterns as demonstrated.

Frequently Asked Questions about wordpress-block-theming

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a WordPress block theme with Full Site Editing?

Creating a WordPress FSE block theme requires structuring theme.json, templates, template parts, and patterns. This blueprint provides the architectural guidance to build maintainable, accessible, and visually consistent Full Site Editing themes.

What is the best way to structure theme.json for a block theme?

Structuring theme.json for a block theme involves defining typography settings, color palettes, and layout definitions according to the FSE schema. This blueprint enforces typography recommendations and file structure best practices to maintain visual consistency across your templates and patterns.

Can I convert an existing WordPress theme to a Full Site Editing block theme?

Yes, you can convert an existing WordPress theme to a Full Site Editing block theme by generating the required theme.json, templates, and patterns. This Skill guides the transition while enforcing safe PHP practices in functions.php and establishing a solid FSE architectural blueprint.

Do I need functions.php when developing an FSE block theme?

Yes, functions.php is still used in FSE block themes for enqueuing fonts and registering patterns. This blueprint details safe PHP practices for functions.php alongside the required theme.json and template components to ensure a maintainable theme architecture.

How do I create reusable patterns for WordPress block themes?

Creating reusable patterns for WordPress block themes involves following specific file structure and motion animation best practices. This blueprint provides pattern creation guidance, header and footer structure recommendations, and safe PHP registration methods for rapid prototyping.

What components are required for a minimal WordPress FSE block theme?

A minimal WordPress FSE block theme requires a new theme directory containing at least a minimal theme.json file and one template. You should also add a pattern and enqueue fonts to establish the foundational Full Site Editing architecture as demonstrated in the quick start guide.