想用人工智能开发 WordPress 插件吗?
本指南将向您展示如何设置 Claude Code 和 WordPress Studio 以创建带有文本提示的功能插件。
Claude Code 是 Anthropic 的 AI 代码助手。WordPress Studio 是一个免费的本地 WordPress 环境。它们结合使用,可以让你在几分钟内将想法变成一个可用的插件——无需深厚的编程知识。
本教程涵盖完整的设置过程,并向您展示如何构建您的第一个插件。
1. 安装 Claude Code
前往Claude Code并注册一个帐户——您可以选择任何可用的付费计划。
从安装页面运行本地安装程序,并按照屏幕上的说明完成安装。
安装过程大约需要一两分钟。完成后,Claude Code 即可使用。

2. 安装 WordPress Studio
下载WordPress Studio——它完全免费,并且同时支持 Mac 和 Windows 系统。
安装完成后,创建一个新站点。站点名称随意,例如“我的 WordPress 网站”就可以。

由于 Studio 在您的计算机上本地运行,因此您构建的所有内容都安全地保留在您的计算机上——因此您可以尝试 AI 生成的插件,而无需担心会影响正在运行的网站。
3. 启动 Claude Code
在 Studio 的“概览”选项卡上使用“打开方式…”选项,单击“终端”。这将打开一个终端窗口,并显示项目文件所在的位置。

然后,输入claude。如果是第一次,系统会提示您登录 Claude 帐户并确认您信任此文件夹中的文件。
按键盘上的Enter/Return 键信任该文件夹,您将看到欢迎消息。

5. 构建你的第一个插件
在 Claude 终端中,描述您的需求。提供一些背景信息,例如您所在的位置以及您的具体需求。例如:
“我们现在位于 WordPress 网站根目录。我想要一个简单的插件,在网站后台显示‘你好,[你的名字]’。”

接下来,Claude 会问一些后续问题,创建一个插件文件夹,并生成具有正确 WordPress 结构的完整插件文件。

6. 激活并测试
返回WordPress Studio并打开 WordPress 管理后台。导航至“插件”选项卡,找到您的新插件并激活它。

如果插件运行正常,您的自定义消息将显示在管理区域的顶部——在我们的例子中,“你好 Nick”将显示为管理员通知。
如果您尚未更改用户名,可能会看到“Hello admin”。只需前往用户列表并更改默认用户名即可。

这是最简单的插件,但它展示了使用 Claude 和 WordPress 构建网站的速度有多快。
7. 继续建设
您可以在这里添加更多功能。
回到编辑器中的终端,让 Claude 添加新功能——设置页面、自定义区块,任何你需要的功能。
与任何人工智能工具一样,尝试不同的提示方式将有助于您获得更好的结果:
- 向克劳德说明你在文件结构中的位置。
- 请具体说明您希望该功能实现什么功能。
- 将复杂特征分解成更小的步骤
- 如果生成的代码有什么不明白的地方,请克劳德解释一下。
额外提示:Telex——WordPress 代码块的替代方案
Telex是另一款独特的工具,它可以帮助您利用人工智能生成 WordPress 代码块——而且完全免费使用。
只需描述您想要的 WordPress 区块,Telex 即可在 WordPress Playground 中构建它并进行实时预览。

测试一下,用后续提示进行完善,然后将其下载为插件并安装到您的 WordPress 网站上。

您已准备好利用人工智能进行构建。
您现在拥有一个由人工智能驱动的 WordPress 网站插件构建平台。
- 描述您想要构建的插件,然后观看 Claude 在您的WordPress Studio站点中生成可运行的代码。
- 尝试使用Telex创建完整的 WordPress 区块。
- 不断尝试新事物。
先从简单的项目入手,等熟练后再挑战更复杂的项目。
如果你制作出了什么有趣的东西,请分享——我们很想看看你的作品。