使用 AI 开发 WordPress 的几个关键步骤!

1. 安装 WordPress Studio

WordPress Studio 是 WordPress 官方(Automattic)推出的免费开源桌面本地开发工具,它无需手动配置 PHP、MySQL、Docker 等环境,一键即可创建本地 WordPress 站点,内置最新版 WordPress 与 PHP 环境。

地址:https://developer.wordpress.com/studio/

支持 Windows、macOS 双平台,可快速创建、管理本地站点,还能与 WordPress.com/Pressable 同步、生成云端预览链接、集成 AI 助手。相比传统本地环境(如 XAMPP、LocalWP),它零配置、轻量化、资源占用低,适合开发者快速测试主题、插件,是官方推荐的本地 WordPress 运行与开发方案。

2. 安装 Claude Code

Claude Code 这个不介绍了吧,现在大家都用它写代码,还不知道的,就问一下手头的 AI 工具吧。

先到 Claude Code 官网注册个账号,选个合适的付费套餐就行;然后从配置页下载官方安装包,跟着屏幕上的提示一步步装,一两分钟就装好了,装完就能用

地址:https://claude.ai/

也可以通过通过 npm 安装 Claude Code 提供的 Node.js SDK:

npm install @anthropic-ai/claude-code

 

3. 打开 Claude 就可以写代码

打开 WordPress Studio,在 “概览” 标签里找到「在…… 中打开」,点「Terminal」(终端),这样终端就会直接定位到你的项目文件夹,不用自己找路径,超方便。

然后在终端里敲命令claude,登录 Claude 账号之后看到 Claude Code 的欢迎界面,然后直接和他描述你的需求就可以开始进行 WordPres 开发。


更详细的介绍:10 分钟搞定|用 Claude Code + WordPress Studio 做插件(AI 开发手把手教程)

4. 用 WordPress 官方专业的技能

且慢,如果你现在直接写,写出来的 WordPress 插件可能不会那么专业,怎么办?装 WordPress 官方提供的技能,它教会 AI 编码助手如何正确地构建 WordPress

地址:https://github.com/WordPress/agent-skills

一共 13 个专业的技能包,内含 WordPress 开发的最佳实践、官方开发规范、安全检查清单,还有一系列可直接使用的脚本模板,相当于为 AI 编码助手赋予了专家级的 WordPress 开发知识,让它能按照官方标准写出合规的代码。

在命令行输入下面命令即可安装:

git clone https://github.com/WordPress/agent-skills.git
cd agent-skills

node shared/scripts/skillpack-build.mjs --clean

node shared/scripts/skillpack-install.mjs --global

 

转自:https://mp.weixin.qq.com/s/utH0FlXaZw4MFIOQU7eGxg