Skills
.Work. You
Rest

wordpress-block-editor-fse

Community

Build modern WordPress sites with blocks.

Software Engineering#wordpress#gutenberg#theme.json#fse#block-themes#custom-blocks
Authorbobmatnyc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of modern WordPress themes and websites by leveraging the Block Editor and Full Site Editing (FSE) capabilities, enabling a more visual and component-based development approach.

Core Features & Use Cases

  • Full Site Editing (FSE): Enables theme-wide visual editing using blocks for headers, footers, templates, and global styles.
  • Block Themes: Facilitates the creation of themes using HTML templates and theme.json instead of traditional PHP files.
  • Custom Block Development: Guides the creation of reusable custom blocks with block.json metadata, server-side rendering (PHP), and client-side rendering (React).
  • Use Case: Develop a new WordPress theme from scratch that uses theme.json for design tokens, defines custom blocks for unique content types, and utilizes HTML templates for all site layouts, allowing for easy visual customization via the Site Editor.

Quick Start

Create a new block theme by defining your theme.json for global styles and building custom blocks using block.json and render.php for server-side rendering.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wordpress-block-editor-fse
Download link: https://github.com/bobmatnyc/claude-mpm-skills/archive/main.zip#wordpress-block-editor-fse

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.