跳到主内容

构建你的第一个 AI 驱动 WordPress 插件:用 Abilities API + AI Client 拼出图片转文章

100%
构建你的第一个 AI 驱动 WordPress 插件:用 Abilities API + AI Client 拼出图片转文章

结论先说

WordPress 官方开发者博客(2026-07-30)手把手教用三大核心 API——Abilities API、WordPress AI Client、Connectors——拼出一个”给图片 URL 自动生成草稿文章”的插件;本文提炼它的架构与落地步骤,让你看懂 WordPress 的 AI 标准集成方式。

三个核心积木

API职责解决什么
Abilities API注册”能力单元”让 REST 、区块编辑器、 AI 智能体都能发现并运行同一段功能
WordPress AI Client提供方无关的 AI 调用库代码不绑定 OpenAI / Anthropic / 本地 Ollama,换厂商不重写得
Connectors统一存储外部 API Key告别每个插件各写一套设置页,后台一处配置

案例插件 Photo to Post 做了什么

你给一个图片 URL,插件做三件事:用视觉模型生成文字描述 → 基于描述生成草稿文章(标题+正文)→ 把原图设为特色图像。骨架是三个可组合的 Ability:

Ability作用AI 能力
describe-image图片 URL → 文字描述视觉(图像输入)
generate-post-from-description描述 → 标题+正文文本生成
create-post-from-photo编排上面两者并建文章无(仅编排)

第三个 Ability 调用前两个,正是 Abilities API 相比传统写法的亮点:能力可以互相组合,通过 WP_Ability::execute() 串联。

官方 starter 插件已搭好后台表单骨架,照 TODO 注释把 AI 逻辑填进去最快,不必从零搭界面。

第一步:注册 Ability 分类与能力

wp_register_ability( 'wp-ai-workshop-demo/describe-image', array(
    'label'       => __( 'Describe an image via AI', 'wp-ai-workshop-demo' ),
    'input_schema'  => array(
        'type'       => 'object',
        'properties' => array( 'image_url' => array( 'type' => 'string' ) ),
        'required'   => array( 'image_url' ),
    ),
    'output_schema' => array(
        'type'       => 'object',
        'properties' => array( 'description' => array( 'type' => 'string' ) ),
        'required'   => array( 'description' ),
    ),
    'execute_callback'  => 'wp_ai_workshop_demo_describe_image',
    'permission_callback' => function(){ return current_user_can( 'edit_posts' ); },
    'meta' => array( 'show_in_rest' => true ),
) );

重点:'show_in_rest' => true 让 WordPress 自动把这个 Ability 暴露到 REST API,无需你手写路由。注意这里用 current_user_can('edit_posts') 做权限护栏——AI 能力也要守住最小权限。

能力组合:一个 Ability 调用另一个

create-post-from-photo 在回调里先调 describe-image 拿描述,再调 generate-post-from-description 出草稿,最后用 WP 函数建文章、 sideload 原图为特色图像。这种”编排 Ability”不依赖 AI,只是把已有能力串起来。

把 AI 能力接进你的站点

自 WordPress 7.0 起,后台”设置”菜单多了一个 Connectors 屏幕(由 Connectors API 驱动),管理员在这里填 AI 服务商的 API Key 即可。代码里只管通过 AI Client 调用,凭证统一在后台管理。

它能暴露给谁

  • REST API:外部程序直接触发 Ability 。
  • 区块编辑器:编辑器内可调用。
  • AI 智能体:配合 MCP Adapter,Ability 自动变成 MCP 工具,桌面或云端 Agent 都能用。

  1. 准备本地 WP 7.0+、 PHP 8.1+,并装好 Composer 与 Node 。

  2. 下载官方 starter 插件 wp-ai-workshop-demo 并启用,它已带后台表单骨架。

  3. 用 wp_register_ability 注册 describe-image / generate-post 等能力,替换 TODO 注释。

  4. 在回调里用 WordPress AI Client 调视觉模型,写好权限回调。

  5. 在 Connectors 屏幕填 AI 服务商 API Key,跑通图片转草稿流程。


Abilities API 和直接写 REST 端点有什么不同?
Ability 是标准化能力单元,自动暴露给 REST 、编辑器、 AI 智能体;直接写 REST 端点则每处都要单独路由与鉴权。

WordPress AI Client 支持哪些模型?
提供方无关,OpenAI / Anthropic / Google / 本地 Ollama 都能切,业务代码不绑定厂商。

需要 WordPress 几版本?
WP 7.0+,Abilities API 、 AI Client 、 Connectors 均为 7.0 引入。

我的私有模型能用吗?
能,只要实现 AI Client 的 provider 接口,或用自建 MCP 把能力暴露出来。

延伸阅读

查看 WordPress 官方开发者博客原文
这篇有帮助吗?
云上的幻象
云上的幻象查看主页

七彩云博客,分享 WordPress 建站实战与 AI 工具测评,覆盖服务器运维、站长工具、软件资源与电商运营干货,专注原创实用的主题插件、网站加速与安全优化教程。

863文章4评论

相关文章

评论 (0)

欢迎你,新朋友,感谢参与互动!文明发言,理性交流 · 首次评论将在审核后展示