skills.rest
dr-robert-li
dr-robert-liCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wordpress-block-theming

Develop WordPress block themes with Full Site Editing and theme.json configuration.

27|1|Updated Feb 16, 2026
Search Tags:#php#css#web design#wordpress#theme development#fse#block themes
One-click install
npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill wordpress-block-theming-dr-robert-li
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wordpress-block-theming
Source: https://github.com/dr-robert-li/cowork-wordpress-expert/tree/main/references/wordpress-block-theming
Command: npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill wordpress-block-theming-dr-robert-li

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing modern WordPress block themes using the Full Site Editing (FSE) architecture, enabling the creation of dynamic and visually rich websites.

Core Features & Use Cases

  • Theme Architecture: Understand the directory structure, theme.json configuration, and block template creation.
  • Styling & Typography: Implement custom fonts, color palettes, and spacing scales.
  • Animation & Motion: Integrate CSS animations and scroll-triggered reveals for engaging user experiences.
  • Use Case: Generate a complete block theme structure, including theme.json, templates, and patterns, for a new client website, ensuring a modern and responsive design.

Quick Start

Generate a WordPress block theme structure with a header and footer template part.

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 using Full Site Editing?▼

To build a WordPress block theme using Full Site Editing, you configure a directory structure with `theme.json`, block templates, and template parts to manage site layout and styling globally without traditional PHP templates.

What is `theme.json` used for in WordPress theme development?▼

`theme.json` in WordPress theme development is used to define global styles, color palettes, typography, and spacing scales, enabling Full Site Editing capabilities and replacing traditional theme styling functions.

Do I need PHP to develop a modern WordPress block theme?▼

PHP is required in modern WordPress block theme development primarily for the `functions.php` file to enqueue assets, though site structure and styling rely heavily on `theme.json` and CSS configurations.

How do I add CSS animations to WordPress block templates?▼

You add CSS animations to WordPress block templates by enqueuing custom stylesheets via `functions.php` and applying advanced CSS for scroll-triggered reveals and responsive motion within your block patterns.

What is the best way to structure a WordPress FSE theme?▼

The best way to structure a WordPress FSE theme is by organizing block templates, template parts, and patterns within a dedicated directory, while centralizing design tokens and configurations inside `theme.json`.

Can I implement custom fonts and color palettes in WordPress block themes?▼

You can implement custom fonts and color palettes in WordPress block themes by defining them globally within the `theme.json` file, ensuring consistent visual styling across all Full Site Editing components.

Related Skills

Explore More Software Engineering Skills→
AutomatticAutomattic
31

migrate

Migrate websites and local directories into WordPress block themes.

Official
Intermediate
wpgauravwpgaurav
14

wp-theme

Bootstrap a WordPress block theme project with theme.json, templates, and patterns.

Community
Intermediate
bobmatnycbobmatnyc
68

wordpress-block-editor-fse

Develop WordPress block themes with theme.json, HTML templates, and custom blocks.

Community
Advanced
AutomatticAutomattic
107

wordpress-block-theming

Guides WordPress block theme development with Full Site Editing architecture and theme.json configuration.

Official
Advanced