Agent Skills
返回列表
💻

Gutenberg 块模式生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/gutenberg-block-pattern-generator。

技能介绍

要解决的问题

WordPress 区块编辑器自带的区块模式(Block Pattern)虽然开箱即用,但默认集合未必契合你的主题布局或业务场景。直接在编辑器里手工拼装「页首 + 图文 + 按钮」这类组合,每次都是重复劳动,样式也容易漂移。另一方面,register_block_pattern() 这类 API 的学习成本不低:模式结构与 theme.json 配合、分类要单独注册、还有依赖检查与注销逻辑,很多开发者卡在「能跑,但不知道怎么组织」的阶段。

核心能力与工作流程

这个技能围绕 WordPress 的 Block Editor API 展开,主要做三件事:

  • 注册区块模式:通过 register_block_pattern() 声明自定义模式,把一组 block 的结构和属性固化下来,用户可以在插入器里一键插入。
  • 注册模式分类:用 register_block_pattern_category() 创建自己的分类,按「页首」「图文卡片」「行动号召」等主题分组,方便在编辑器中检索。
  • 条件化注册与注销:比如先判断 core/paragraph 区块是否已注册,再决定是否注册对应模式;不需要时用 unregister_block_pattern() 注销模式,避免它们出现在用户的插入器里。

典型步骤:

  1. 在 functions.php 或独立入口文件中编写注册逻辑;
  2. 用 PHP 数组描述模式的 block 组成,必要时结合 theme.json 控制颜色、间距等样式;
  3. 处理依赖与生命周期:检查前置区块是否存在、在合适的时机注销模式。

适用边界与注意点

  • 面向 Gutenberg / 区块主题 环境,传统经典主题不会渲染区块模式。
  • 模式是预置的 block 组合,无法替代完整自定义区块;需要交互逻辑时仍要写 block。
  • 注销模式要谨慎,可能影响其他插件或主题依赖的默认模式,建议在子主题或明确场景下操作。
  • 官方文档:https://developer.wordpress.org/themes/patterns/registering-patterns/

使用场景

  • 为区块主题打造可复用布局模板:把「页首 + 图文 + 按钮」结构注册为自定义区块模式,编辑插入即用,免去重复拼装。
  • 给自定义模式创建「卡片」「页首」等专属分类,让用户在插入器里按主题快速找到,而不是混在默认列表中。
  • 需要隐藏默认模式时,在 functions.php 中注销指定区块模式,避免它们出现在用户插入器里。
  • 注册模式前先检查 core/paragraph 等前置区块是否已注册,避免模式因缺少依赖而无法正常渲染。

适合人员

  • WordPress 主题开发者:想给自家区块主题内置一套品牌化的自定义区块模式和分类体系。
  • 维护企业官网的内容小团队:需要把常用的页面区块组合固化下来,保证多次更新后结构一致。
  • 交付定制项目的开发者:希望在主题中清理掉不必要的默认区块模式,让客户的插入器保持干净。
  • 研究 Block Editor API 的 PHP 工程师:想学习 register_block_pattern() 的条件注册与注销用法。