10 分钟搞定|用 Claude Code + WordPress Studio 做插件(AI 开发手把手教程)

想做 WordPress 插件,又不想学 WordPress 复杂 Hook 系统?这篇教程手把手教你用 Claude Code 搭配 WordPress Studio,靠提示词就能做出能用的插件,几分钟就能从想法落地,零基础也能上手!

先做个简单介绍:

Claude Code 是 Anthropic 出的 AI 编程助手,WordPress Studio 则是免费的本地 WP 开发环境,俩工具搭一起,就是新手做 WP 插件的神器,不用懂太多编程知识也能玩明白。下面是完整的操作步骤,跟着做就能做出你的第一个专属插件!

1. 先装 Claude Code

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

2. 再装 WordPress Studio

WordPress Studio 这个工具完全免费,和 XAMPP 这类本地环境一样,Mac 和 Windows 都能用,直接下载 WordPress Studio 安装就可以。

装完后新建一个站点,名字随便取,不用纠结。

重点说下,Studio 是跑在本地电脑上的,所有操作都在自己电脑里,试错完全没风险,不用怕把线上网站搞出问题。

3. 启动 Claude Code,连到 Studio

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

然后在终端里敲命令claude,第一次用会让你登 Claude 账号,还要确认信任这个文件夹,点回车确认就行,之后就能看到 Claude Code 的欢迎界面,这就准备好啦。

4. 开始第一个插件,纯靠说就行

在 Claude 的终端里,直接说你想要的插件的功能,记得说清当前在 WordPress 根目录这个前提,比如就说:“我现在在 WordPress 站点根目录,想要一个简单插件,能在网站后台顶部显示‘你好,[我的名字]’的提示语”。(下面演示是英文,你也可以直接输入中文)

说完之后,Claude 会先问几个小问题确认细节,然后自动帮你建插件文件夹,生成的插件文件还会严格遵循 WP 的标准结构,不用你自己调格式。

5. 激活插件,看看效果

回到 WordPress Studio,打开网站后台,点「插件」,就能看到你刚生成的插件,点激活就完事。

如果没问题,后台顶部会直接显示你要的提示语,比如示例里的 “你好,Nick”:

这个插件虽然简单,但能直观感受到 AI 的效率,几分钟就从想法变成能用的东西了!

6. 想加功能?继续跟 AI 说就行

觉得插件太简单,想加新功能的话,回到终端里跟 Claude 说就行,比如要加设置页面、自定义区块,只要说清需求,AI 都会帮你实现。

这里给几个小技巧,能让 AI 生成的效果更贴合你的需求:

  • 跟 AI 说清你在文件结构的哪个位置,别让它猜;
  • 功能描述越具体越好,别模棱两可;
  • 复杂功能拆成小需求说,一步一步来;
  • 看不懂生成的代码,直接让 AI 给你解释,它会讲得明明白白。

搞定!WordPress 的 AI 开发环境就搭好了

到这一步,你的 WordPress 的 AI 开发环境就完全配置好了,以后想做插件,直接在终端里跟 Claude 描述需求,它就会在 WordPress Studio 里生成可用的代码,全程不用自己写多少代码。

新手建议从简单的插件开始试,熟悉之后再挑战复杂的功能,多试几次,慢慢就知道怎么跟 AI 沟通能出最好的效果了,赶紧去试试吧!


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。