如何使用 AI 构建 WordPress 插件:Claude Code + WordPress Studio 设置指南

by

in

想用人工智能开发 WordPress 插件吗? 

本指南将向您展示如何设置 Claude Code 和 WordPress Studio 以创建带有文本提示的功能插件。

Claude Code 是 Anthropic 的 AI 代码助手。WordPress Studio 是一个免费的本地 WordPress 环境。它们结合使用,可以让你在几分钟内将想法变成一个可用的插件——无需深厚的编程知识。

本教程涵盖完整的设置过程,并向您展示如何构建您的第一个插件。

1. 安装 Claude Code

前往Claude Code并注册一个帐户——您可以选择任何可用的付费计划。 

从安装页面运行本地安装程序,并按照屏幕上的说明完成安装。

安装过程大约需要一两分钟。完成后,Claude Code 即可使用。

屏幕截图显示了 Claude Code 的安装过程。

2. 安装 WordPress Studio

下载WordPress Studio——它完全免费,并且同时支持 Mac 和 Windows 系统。

安装完成后,创建一个新站点。站点名称随意,例如“我的 WordPress 网站”就可以。

WordPress Studio 网站的屏幕截图。

由于 Studio 在您的计算机上本地运行,因此您构建的所有内容都安全地保留在您的计算机上——因此您可以尝试 AI 生成的插件,而无需担心会影响正在运行的网站。

3. 启动 Claude Code

在 Studio 的“概览”选项卡上使用“打开方式…”选项,单击“终端”。这将打开一个终端窗口,并显示项目文件所在的位置。

WordPress Studio 概览屏幕截图。

然后,输入claude。如果是第一次,系统会提示您登录 Claude 帐户并确认您信任此文件夹中的文件。

按键盘上的Enter/Return 键信任该文件夹您将看到欢迎消息。

Claude Code 欢迎信息的截图。

5. 构建你的第一个插件

在 Claude 终端中,描述您的需求。提供一些背景信息,例如您所在的位置以及您的具体需求。例如:

“我们现在位于 WordPress 网站根目录。我想要一个简单的插件,在网站后台显示‘你好,[你的名字]’。”

提示 Claude Code 创建插件的屏幕截图。

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

Claude Code插件创建确认信息的屏幕截图。

6. 激活并测试

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

WordPress 管理后台插件页面截图。

如果插件运行正常,您的自定义消息将显示在管理区域的顶部——在我们的例子中,“你好 Nick”将显示为管理员通知。 

如果您尚未更改用户名,可能会看到“Hello admin”。只需前往用户列表并更改默认用户名即可。

屏幕截图显示了使用 Claude Code 创建的插件的输出结果。

这是最简单的插件,但它展示了使用 Claude 和 WordPress 构建网站的速度有多快。

7. 继续建设

您可以在这里添加更多功能。 

回到编辑器中的终端,让 Claude 添加新功能——设置页面、自定义区块,任何你需要的功能。

与任何人工智能工具一样,尝试不同的提示方式将有助于您获得更好的结果:

  • 向克劳德说明你在文件结构中的位置。
  • 请具体说明您希望该功能实现什么功能。
  • 将复杂特征分解成更小的步骤
  • 如果生成的代码有什么不明白的地方,请克劳德解释一下。

额外提示:Telex——WordPress 代码块的替代方案

Telex是另一款独特的工具,它可以帮助您利用人工智能生成 WordPress 代码块——而且完全免费使用。

只需描述您想要的 WordPress 区块,Telex 即可在 WordPress Playground 中构建它并进行实时预览。

Telex AI 驱动的 WordPress 区块生成器的屏幕截图。

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

这是使用 Telex 创建的价格表模块的屏幕截图。

您已准备好利用人工智能进行构建。

您现在拥有一个由人工智能驱动的 WordPress 网站插件构建平台。

  • 描述您想要构建的插件,然后观看 Claude 在您的WordPress Studio站点中生成可运行的代码。
  • 尝试使用Telex创建完整的 WordPress 区块。
  • 不断尝试新事物。

先从简单的项目入手,等熟练后再挑战更复杂的项目。

如果你制作出了什么有趣的东西,请分享——我们很想看看你的作品。