与 AI 的深度集成
凭借 7.0 版本,WordPress 实现了重大飞跃。它已经不再只是一个传统博客平台,而是一个原生支持人工智能的现代化协作平台。 这一项目旨在提供一个可靠、安全的基础设施,使 WordPress 用户和插件开发者能够以标准化方式与大型语言模型(LLM)进行交互。 全新的架构也为“代理型 WordPress”铺平了道路。未来,WordPress 能够通过标准化、机器友好的接口与外部 AI 代理进行原生交互。 在深入了解 AI 集成细节之前,我们先来了解几个核心概念。WordPress AI 架构:核心概念
要理解 WordPress 7.0 的 AI 架构,需要先了解以下四个关键组件:- AI 客户端(AI Client):一种与 AI 提供商无关的基础设施,为 WordPress 的 PHP 与 JavaScript 提供统一接口,用于与生成式 AI 模型交互。
- AI 提供商(AI Providers):开发、拥有并管理大型语言模型的公司,例如 OpenAI、Anthropic 和 Google。
- 连接器(Connectors):用于实现 WordPress 与 AI 提供商之间集成的组件。WordPress 7.0 默认提供 OpenAI、Anthropic 和 Google 三种连接器,可通过“设置 → 连接器”访问。
- 能力 API(Capabilities API):一种全新的功能接口,用于让插件、主题以及 WordPress 核心以结构化方式向 AI 暴露功能,例如创建文章、生成摘要等。这也是 WordPress 7.0 天生具备代理能力的核心。
连接器(Connectors)
在早期版本中,如果你想使用不同的 AI 服务,通常需要分别安装多个插件。而 WordPress 7.0 则引入了统一的 AI 连接器管理界面。 你无需再反复粘贴 API Key,只需在“设置 → 连接器”中输入一次密钥,所有兼容插件即可通过 AI 客户端统一调用。 此外,新界面还允许你在不同 AI 提供商之间快速切换,而无需担心影响现有功能。默认情况下,WordPress 不会在未经用户明确授权且未配置相关服务的情况下,向任何 AI 服务发送提示词或数据。在连接器界面中,点击对应 AI 提供商的安装按钮,并填写 API Key,保存后即可开始使用 AI 功能。
AI Experiments 插件
如果你不确定该从哪里开始,可以安装并启用 AI Experiments 插件。该插件支持自动生成特色图片、替代文本、摘要等内容。
开发者:使用 AI 客户端构建功能
连接器界面只是 AI 的可视化入口,真正的核心是 AI Client。 它本质上是一个统一抽象层,可标准化 WordPress 与 AI 的交互方式。无论你使用的是 OpenAI、Anthropic 还是 Gemini,代码逻辑都无需修改。 WordPress 会自动完成底层适配,让开发者可以更专注于业务逻辑。基础示例
$ai_response = wp_ai_client_prompt( "Create a professional post about WordPress" )
->generate_text();
if ( is_wp_error( $ai_response ) ) {
wp_die( $ai_response->get_error_message() );
}
echo wp_kses_post( $ai_response );
以上代码会向 AI 发送提示词,并自动生成一篇关于 WordPress 的专业文章。
结构化 JSON 输出
WordPress 7.0 还支持结构化 AI 输出,可用于自动分类、标签生成等场景。$taxonomy_schema = array(
'type' => 'object',
'properties' => array(
'category' => array( 'type' => 'string' ),
'tags' => array(
'type' => 'array',
'items' => array( 'type' => 'string' )
),
),
'required' => array( 'category', 'tags' ),
);
$post_body = "Working from a small tavern in Crete was a game-changer.";
$json = wp_ai_client_prompt(
"Based on this text, suggest the most appropriate category and tags: $post_body"
)
->using_temperature( 0.1 )
->as_json_response( $taxonomy_schema )
->generate_text();
$suggested_taxonomies = json_decode( $json, true );
在这段代码中:
as_json_response()用于确保 AI 返回符合指定格式的 JSON 数据。using_temperature()用于控制 AI 输出的随机性。数值越低,结果越稳定;数值越高,内容越具创造性。- 生成后的分类和标签可自动应用到文章中。
更多 AI 功能
AI Client 不仅支持文本生成,还支持图像、语音和视频处理。generate_text():生成文本generate_image():生成图片convert_text_to_speech_result():文本转语音generate_video_result():生成视频
generate_image( 3 )
以上代码会生成同一图片的 3 个不同版本。
WordPress 7.0全新区块与设计工具
除了 AI 功能外,WordPress 7.0 还引入了大量全新区块与设计工具,进一步提升编辑体验。- 新的面包屑区块
- 新的图标区块
- 可自定义的导航叠加层
- 段落区块增强
- 封面区块嵌入式背景视频
- 响应式网格区块
- 单区块自定义 CSS
- 区块可见性控制
- 数学区块样式增强
- HTML 区块更新
- 图片区块增强
新的面包屑区块
WordPress 7.0 新增了面包屑区块,可自动根据页面层级或文章分类结构生成导航路径。 该区块同样支持查询循环(Query Loop),并提供以下配置选项:- 显示或隐藏首页链接
- 显示或隐藏当前页面
- 修改分隔符
- 优先使用文章层级或分类层级
开发者还可以通过新的过滤器动态修改面包屑内容。
add_filter( 'block_core_breadcrumbs_items', function( $items ) {
foreach ( $items as $key => $item ) {
if ( mb_strlen( $item['label'] ) > 20 ) {
$items[$key]['label'] = mb_strimwidth(
$item['label'],
0,
17,
'...'
);
}
}
return $items;
}, 10, 1 );
新的图标区块
全新的图标区块允许你直接在内容中插入 SVG 图标,无需再安装第三方图标插件。 目前系统内置了一批默认图标,未来还将支持第三方图标库扩展。
可自定义导航叠加层
WordPress 7.0 重新设计了移动端导航菜单,引入了“导航叠加层(Navigation Overlay)”。 现在,你可以像搭积木一样自由构建移动菜单,并支持加入 Logo、搜索框、社交图标等内容。
段落区块增强
- 新增首行缩进控制
- 支持宽对齐与全宽对齐
- 新增文本分栏功能
封面区块支持嵌入式背景视频
现在,你可以直接使用 YouTube 或 Vimeo 视频作为封面区块背景,而无需上传本地视频。
这一功能尤其适合希望节省服务器带宽的网站。
响应式网格区块
网格区块现已原生支持响应式布局。你可以设置最小列宽和最大列数,同时保证不同设备下的显示效果。
单区块自定义 CSS
现在,你可以直接在区块高级设置中为单个区块添加自定义 CSS。
border: 4px solid blue;
这些样式只会作用于当前区块,不会影响其他相同区块实例。
根据视口设置区块可见性
WordPress 7.0 支持根据设备类型控制区块显示状态。{
"metadata": {
"blockVisibility": {
"viewport": {
"mobile": false,
"tablet": true,
"desktop": true
}
}
}
}
借助这一功能,你可以针对不同设备展示不同内容。
HTML 区块更新
HTML 区块已全面升级。现在插入 HTML 区块时,会弹出包含 HTML、CSS 和 JavaScript 三个标签页的编辑窗口。 同时还支持全屏编辑模式,方便编写大型代码片段。图片区块增强
- 新增宽高比控制
- 支持焦点裁剪
- 图片裁剪组件现可在整个应用中复用
-
广告合作
-
QQ群号:4114653




