用途:用于在 WordPress 中构建自定义 Gutenberg 区块,基于 WordPress Block API 与 @wordpress/scripts。开始前需加载 /CLAUDE/context/wordpress-dev.md 了解标准,确保安装 Node.js 20+ 与 npm,并了解 React 基础与 WordPress 数据层。
区块类型:静态区块在编辑器与前端渲染相同内容;动态区块通过 PHP 回调在服务端生成内容;交互式区块使用 @wordpress/interactivity API,无需完整 React 实现前端交互。
使用方式:可用 npx @wordpress/create-block my-block --namespace gt 创建区块插件,用 --variant dynamic 创建动态区块,用 --template @wordpress/create-block-interactive-template 创建交互式区块;也可在既有插件中手动初始化:npm init -y,npm install @wordpress/scripts --save-dev,并配置 build、start、format、lint:css、lint:js、packages-update 脚本。
主要能力:通过 block.json 定义元数据、属性、supports 与资源引用;用 PHP 的 register_block_type 注册区块,动态区块使用 render_callback 或 render.php;JavaScript 侧使用 registerBlockType、useBlockProps、RichText、InspectorControls、InnerBlocks、useSelect、ComboboxControl 等;交互式区块通过 view.js 的 store、getContext 与 render.php 中的 data-wp-* 指令实现;可注册区块变体与区块转换;样式分 style.scss 与 editor.scss。
限制:资料未提供收费、价格、平台、效果或使用步骤等更多信息。