跳到正文
原文
WordPress.com 官方博客· Rich Tabor·· 10 小时前精选编辑评分65

WordPress Studio 推出围绕 AI agent 重建的新工作区

A New Workspace for Building with WordPress

编辑导读

WordPress Studio 发布围绕 AI agent 重建的新工作区,将站点与对话集中在一个侧边栏,并提供实时预览、模型选择、自定义 API key 和指令设置。

推荐理由

新版工作区把 AI 对话、实时预览、站点发布和外部 agent 接入整合在同一应用,覆盖从建站到交付的完整流程。

在 WordPress Studio 中,创建网站就像开启一场对话。你描述自己的需求,AI 智能体便为你构建出第一个版本。想更改某项内容,只需告诉智能体你希望如何调整即可。

如果你最近使用过智能体编程工具,那么最新版 WordPress Studio 会让你感到十分熟悉。你会发现聊天窗口与网站的实时预览并排显示,每项任务都有多种模型可选,还可以使用自己的 API key,或交由 WordPress.com 为你处理。

这就是如今的 WordPress Studio:一款免费的桌面应用,专为现代工作流程打造,支持 macOS、Windows 和 Linux。

下载 WordPress Studio

The WordPress Studio workspace: pinned and recent sites in the sidebar, the chat, and the Moire fashion journal site in the live preview

我们是如何走到今天的

早在 8 月,AI 智能体便以测试版功能的形式加入 WordPress Studio。如今,它已成为这款应用的核心,而你在测试期间反馈给我们的意见,也塑造了我们围绕它重新打造工作空间的方式。主要是让 WordPress Studio 的导航更加简单。你的网站及其聊天记录都位于同一个侧边栏中,网站和应用设置共用一个设置窗口,那些原本需要四处寻找的命令如今只需一次按键即可访问。WordPress Studio 现在不再像一堆彼此分散的功能,而更像是一个集中构建 WordPress 网站的地方。

更喜欢使用终端吗?同一个智能体也随时为你效劳。安装 Studio CLI 后,运行 studio code 即可与它聊天,或运行 studio ui 在浏览器中打开完整工作空间。

基本用法没有改变。你仍然在自己的电脑上构建网站,需要反馈时分享预览链接,准备就绪后再决定网站部署在哪里。

从一个方向开始

为新网站找到合适的外观通常需要几轮来回沟通,而全新的设计流程正是为此打造。让智能体为你创建一个网站,例如“为我的慢时尚日志《Moire》创建一个网站”,它会展示四种风格供你选择。选定一种后,它会展示该风格下的四种布局。再次选定后,它便开始构建。

A new blank site's first chat: "Build a site for my slow-fashion journal called Moire" and the agent asking "Which look should I build?"

如果你已经清楚自己想要什么,可以在请求中描述设计,智能体便会跳过这些提问。无论采用哪种方式,智能体都会将结果保存为一套设计系统:网站文件夹中的一个 DESIGN.md 文件。之后的聊天会遵循这套设计系统,因此你的网站随着不断扩展,仍能保持一致的外观。

更智能的 WordPress Studio 智能体

WordPress Studio Code 是支撑对话、工具和智能体工作上下文的 WordPress 运行框架。智能体在将区块添加到你的网站之前,会先根据区块编辑器对其进行检查;也会通过截取屏幕来审查自己的工作成果。当你想指出某个具体内容时,开启 标注,在预览中的元素上固定备注,然后一次性将它们发送给智能体。

Annotate: notes pinned to elements in the site preview, ready to send to the agent

你还可以决定每次聊天拥有多大算力。使用 WordPress.com AI credits 时,日常编辑可选 快速,需要更缜密推理的工作可选 均衡,复杂的多步骤构建则可选 强力。均衡和强力模式现已采用更新的模型运行。如果你连接自己的 Anthropic API key,便可直接选择模型;与此同时,对其他提供商的支持也即将推出。

The model menu in the chat box, with Fast, Balanced, and Strong

无论使用哪种模型,你都可以在 设置 → 指令 中一次性添加自定义指令,例如“我的网站用于餐饮”,智能体会在每次新聊天中遵循这些指令。

发布你的网站

WordPress Studio 已支持将关联的 WordPress.com 或 Pressable 站点下载到本地电脑,并将你的更改重新上传。现在,无论采用哪种方式,智能体都能工作:在本地构建,准备好后上传;或者让它指向你的线上站点,直接在那里进行更改。

Add site → Connect, listing the WordPress.com and Pressable sites you can bring into WordPress Studio

使用你自己的智能体

已经在使用其他智能体进行开发,例如 Claude Code、Codex 或 Cursor?可以通过模型上下文协议(Model Context Protocol,MCP)将其连接到 WordPress Studio。相关说明位于 Settings → MCP. 它通过与内置智能体相同的 WordPress harness 工作:包括工具、自定义指令,以及了解如何构建、编辑和发布网站的 WordPress 技能。

Settings → MCP, with the command to install the WordPress Studio CLI and the MCP configuration to copy

一切触手可及

新的导航功能围绕你最常用的站点设计。固定常用站点,从上次离开的地方继续最近的聊天,然后按 ⌘K(Windows 和 Linux 上为 Ctrl+K)打开命令面板,快速跳转到任意站点、聊天或操作。

The command palette, with quick actions such as New site, New chat, and Settings, and site actions such as Open WordPress Admin

你还可以按自己的喜好定制工作区。在 Settings → Appearance 中,可以选择浅色或深色主题、挑选强调色,并调整其对界面的着色强度以及不同表面之间的对比度。

Settings → Appearance, with Theme, Color, Intensity, and Contrast

我们如今的构建方式

越来越多的情况下,为 Web 构建意味着与 AI 智能体协同工作:你描述想要的内容,在交流过程中看着网站逐渐成形。WordPress Studio 将这种工作方式带到 WordPress,而我们的交付速度也比以往任何时候都快。它汇集了 WordPress 擅长的所有功能,并配备一个对其了如指掌的智能体,全部集成在一个今天即可下载的应用中。

在新工作区中开始你的下一个项目,并告诉我们你的看法。

下载 WordPress Studio

来源:WordPress.com 官方博客 · https://wordpress.com/blog/2026/11/04/wordpress-studio-workspace/

部分链接为推广/关联链接。