10up-block-extensions

87|32|Updated Jul 3, 2015

Search Tags:#blocks #wordpress #inspector-controls #block-extension #registerBlockExtension #block-components

Ready to run

npx skills add https://github.com/petenelson/wp-rest-api-log --skill 10up-block-extensions

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: 10up-block-extensions
Source: https://github.com/petenelson/wp-rest-api-log/tree/main/.claude/skills/10up-block-extensions
Command: npx skills add https://github.com/petenelson/wp-rest-api-log --skill 10up-block-extensions

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Extend core WordPress blocks with reusable, configurable extensions using the 10up pattern to avoid forking while enabling richer attributes and controls.

Core Features & Use Cases

Centralized extension registration via registerBlockExtension for targeted blocks like core/group, core/columns, and core/cover.
Flexible attributes, classNameGenerator, and optional rendering hooks to apply consistent behavior in editor and frontend.
Reusable patterns, including @10up/block-components usage and PHP/JS filters for server-side rendering compatibility.

Quick Start

Register a new extension for a target block, define attributes and inspector controls, and apply the extension to multiple blocks.

Frequently Asked Questions about 10up-block-extensions

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

FAQPage Schema

How do I add custom inspector controls to multiple WordPress blocks without forking them?▼

The 10up block extension pattern solves this by using registerBlockExtension to apply reusable attributes and controls to targeted blocks like core/group and core/columns without forking.

What is the best way to apply consistent custom classes to WordPress blocks on both the editor and frontend?▼

Using a classNameGenerator within a block extension ensures custom class generation applies consistently across the editor and server-rendered frontend output.

Can I use @10up/block-components to build scalable WordPress block extensions?▼

Yes, the 10up block extension pattern supports optional @10up/block-components usage to provide reusable inspector controls and attributes for targeted core blocks.

Does the registerBlockExtension pattern support server-side rendering for WordPress blocks?▼

Yes, the registerBlockExtension pattern supports server-side rendering by utilizing PHP and JS compatibility filters alongside optional rendering hooks to ensure frontend accuracy.

When should I avoid extending WordPress core blocks with custom extensions?▼

Avoid extending WordPress core blocks if your modifications require altering fundamental block markup, as this pattern focuses strictly on scalable attributes, inspector controls, and custom class generation.