
关于
完整的 WordPress 开发工作流,涵盖主题开发、插件创建、WooCommerce 集成、性能优化和安全加固。包括 WordPress 7.0 新功能:实时协作、AI 连接器、Abilities API、DataViews 和纯 PHP 块。
name: wordpress description: "完整的 WordPress 开发工作流,涵盖主题开发、插件创建、WooCommerce 集成、性能优化和安全加固。包含 WordPress 7.0 功能:实时协作、AI 连接器、Abilities API、DataViews 和纯 PHP 区块。" category: workflow-bundle risk: safe source: personal date_added: "2026-02-27"
WordPress 开发工作流套件
概述
全面的 WordPress 开发工作流,涵盖主题开发、插件创建、WooCommerce 集成、性能优化和安全。此套件编排了构建生产就绪 WordPress 网站和应用程序的技能。
WordPress 7.0 功能(向后兼容)
WordPress 7.0(2026 年 4 月 9 日)引入了重要功能,同时保持向后兼容性:
实时协作(RTC)
- 多用户可使用 Yjs CRDT 同时编辑
- HTTP 轮询提供者(可通过
WP_COLLABORATION_MAX_USERS配置) - 通过
sync.providers过滤器自定义传输 - 向后兼容:检测到旧版 meta box 时回退到文章锁定
AI 连接器 API
- 核心中的提供者无关 AI 接口(
wp_ai_client_prompt()) - 设置 > 连接器用于集中管理 API 凭证
- 官方提供者:OpenAI、Anthropic Claude、Google Gemini
- 向后兼容:通过插件可在 WordPress 6.9+ 上使用
Abilities API(7.0 中稳定)
- 标准化的能力声明系统
- REST API 端点:
/wp-json/abilities/v1/manifest - 用于 AI 代理集成的 MCP 适配器
- 向后兼容:可作为 Composer 包在 6.x 中使用
DataViews 和 DataForm
- 在文章、页面、媒体页面替换 WP_List_Table
- 新布局:表格、网格、列表、活动
- 客户端验证(pattern、minLength、maxLength、min、max)
- 向后兼容:使用旧钩子的插件仍然有效
纯 PHP 区块注册
- 完全通过 PHP 注册区块,无需 JavaScript
- 自动生成检查器控件
- 向后兼容:现有 JS 区块继续工作
Interactivity API 更新
watch()替换 @preact/signals 中的effect- 状态导航变更
- 向后兼容:旧语法已弃用但仍可用
管理界面刷新
- 新的默认配色方案
- 管理页面之间的视图过渡
- 向后兼容:CSS 级别变更,无破坏性更改
模式编辑
- ContentOnly 模式默认用于未同步模式
disableContentOnlyForUnsyncedPatterns设置- 向后兼容:现有模式正常工作
何时使用此工作流
在以下情况使用此工作流:
- 构建新的 WordPress 网站
- 创建自定义主题
- 开发 WordPress 插件
- 设置 WooCommerce 商店
- 优化 WordPress 性能
- 加固 WordPress 安全
- 实施 WordPress 7.0 功能(RTC、AI、DataViews)
工作流阶段
阶段 1:WordPress 设置
要调用的技能
app-builder- 项目脚手架environment-setup-guide- 开发环境
操作
- 设置本地开发环境(LocalWP、Docker 或 Valet)
- 安装 WordPress(新项目推荐 7.0+)
- 配置开发数据库
- 设置版本控制
- 为开发配置 wp-config.php
WordPress 7.0 配置
// wp-config.php - Collaboration settings
define('WP_COLLABORATION_MAX_USERS', 5);
// AI Connector is enabled by installing a provider plugin
// (e.g., OpenAI, Anthropic Claude, or Google Gemini connector)
// No constant needed - configure via Settings > Connectors in admin
复制粘贴提示
Use @app-builder to scaffold a new WordPress project with modern tooling
阶段 2:主题开发
要调用的技能
frontend-developer- 组件开发frontend-design- UI 实现tailwind-patterns- 样式web-performance-optimization- 性能
操作
- 设计主题架构
- 创建主题文件(style.css、functions.php、index.php)
- 实现模板层级
- 创建自定义页面模板
- 添加自定义文章类型和分类法
- 实现主题自定义选项
- 添加响应式设计
- 使用 WordPress 7.0 管理界面刷新进行测试
WordPress 7.0 主题注意事项
- Block API v3 现为参考模型
- theme.json 中支持伪元素
- 全局样式自定义 CSS 遵循区块定义的选择器
- 管理导航的视图过渡
主题结构
theme-name/
├── style.css
├── functions.php
├── index.php
├── header.php
├── footer.php
├── sidebar.php
├── single.php
├── page.php
├── archive.php
├── search.php
├── 404.php
├── template-parts/
├── inc/
├── assets/
│ ├── css/
│ ├── js/
│ └── images/
└── languages/
复制粘贴提示
Use @frontend-developer to create a custom WordPress theme with React components
Use @tailwind-patterns to style WordPress theme with modern
兼容工具
Claude CodeCursor
标签
电商
