Create WordPress Gutenberg blocks with PHP render callbacks and register_block_type.
npx skills add https://github.com/oiler/claude-skills --skill wordpress-blocks-oiler
Please help me install this Agent Skill. Skill: wordpress-blocks Source: https://github.com/oiler/claude-skills/tree/main/wordpress-blocks Command: npx skills add https://github.com/oiler/claude-skills --skill wordpress-blocks-oiler
WordPress block development often requires a clear separation between editors who control content and developers who control layout and design. This Skill provides a structured approach to building Gutenberg blocks with server-side PHP rendering, ensuring secure output, consistent behavior, and reusability across themes.
Create a basic Gutenberg block by following the three-file pattern: PHP registration in inc/blocks/block-name.php, editor JavaScript at inc/blocks/js/block-name.js, and a render callback in PHP. Then register the block in functions.php and enqueue editor assets.
High-intent search queries and answers about installing and using this skill.
To create a Gutenberg block with server-side PHP rendering, you set up a three-file pattern: a PHP registration file, a JavaScript editor file, and a PHP render callback, then register the block via register_block_type and enqueue editor assets.
Using server-side PHP rendering for WordPress blocks ensures secure output through proper sanitization and escaping. It separates editor content control from developer layout control, providing consistent behavior and maintainability across themes.
The best way to structure Gutenberg block files is using a dedicated pattern: place PHP registration in inc/blocks/block-name.php, editor JavaScript in inc/blocks/js/block-name.js, and include optional CSS, keeping assets safely managed.
Yes, you can integrate media uploads into your custom WordPress blocks. The server-side rendering approach supports media upload integration for blocks with images, alongside consistent data attributes for both single and multiple item blocks.
Yes, this block development approach supports both single and multiple item blocks. It ensures consistent data attributes across both types, along with editor UI patterns and best practices for improved maintainability and user experience.
WesleySmitsGenerate WordPress Full Site Editing blocks and theme scaffolding.
hekivoScaffold ACF Composer Gutenberg blocks with Blade templates and scoped CSS.
adityaarsharmaAudit Gutenberg block plugins for WordPress standards compliance.
codigodoleoBuild native Gutenberg blocks in Sage projects with block.json and Vite assets.
