用途
该工作流面向 WordPress 主题开发,用于从零创建自定义主题,或把设计稿转换为 WordPress 主题,也涵盖子主题构建、区块编辑器支持和自定义文章类型实现等场景。资料将其组织为分阶段流程,每阶段列出可调用的技能与可直接复制的提示词。
主要能力与流程
阶段一:主题搭建。调用 app-builder 做项目脚手架,调用 frontend-developer 做前端开发;动作包括创建主题目录结构、编写带主题头信息的 style.css、创建 functions.php、配置主题支持、设置脚本与样式入队。
阶段二:模板层级。调用 frontend-developer 开发模板;动作包括创建 index.php 回退模板、header.php 与 footer.php、single.php、page.php、archive.php、search.php 和 404.php。
阶段三:主题函数。调用 backend-dev-guidelines 参考后端模式;动作包括注册导航菜单、添加缩略图与 RSS 等主题支持、注册小工具区域、创建自定义模板标签和辅助函数。
阶段四:自定义文章类型。调用 wordpress-penetration-testing 了解 WordPress 模式;动作包括注册自定义文章类型与自定义分类法、添加自定义元数据框与自定义字段、创建归档模板。
阶段五:区块编辑器支持。调用 frontend-developer 做区块开发;动作包括启用区块编辑器支持、注册自定义区块、创建区块样式、添加区块样板、配置区块模板。
阶段六:样式与设计。调用 frontend-design 与 tailwind-patterns;动作包括实现响应式设计、引入 CSS 框架或自定义样式、构建设计系统、实现主题定制器、添加无障碍特性。
阶段七:测试。调用 playwright-skill 与 webapp-testing;动作包括跨浏览器测试、验证响应式断点、测试区块编辑器、检查无障碍、性能测试。
使用方式
按阶段顺序推进,并在对应阶段调用资料给出的技能,例如用 @app-builder 搭建新主题项目、用 @frontend-developer 创建模板文件与自定义 Gutenberg 区块、用 @backend-dev-guidelines 编写主题函数、用 @frontend-design 做响应式主题设计、用 @playwright-skill 测试主题。
主题结构
资料给出标准目录:theme-name/ 下含 style.css、functions.php、index.php、header.php、footer.php、sidebar.php、single.php、page.php、archive.php、search.php、404.php、comments.php,以及 template-parts/、inc/、assets/(css、js、images)、languages/。
质量检查与相关资源
质量门槛包括:所有模板可用、支持区块编辑器、响应式设计已验证、无障碍已检查、性能已优化、跨浏览器已测试。相关资料工作流包括 wordpress、wordpress-plugin-development 和 wordpress-woocommerce。
限制
资料未提供具体代码实现、版本兼容范围、性能指标或授权收费信息,这些暂未提供。