跳到内容
Runner AI
Explore
中文
Esc
↑↓导航↵打开⌘J预览
本页内容

编辑内容、页面和媒体

导航到店铺页面,更新可见内容或图像,并保存结果。

入口路径: 工作区 → 选择一个店铺 → 店铺前台 → 打开目标店铺页面 → 设计模式 → 选择一个元素

本指南内容

打开要更改的确切店铺页面,编辑一个支持的文本、布局或媒体元素,并在发布前验证保存的结果。

为什么以及何时使用此工作流

使用此工作流进行页面级别的优化:更正文案、更改排版、调整间距、替换照片、生成替代图像或删除不必要的元素。它使目标页面和选定元素保持清晰。

对于导航行为、产品数据、结账或多个页面的更改,请向 Runner 发送常规请求,而不是仅依赖视觉控件。

可用性和前提条件

  • 使用设计模式 介绍了如何打开编辑器、桌面布局要求以及该控件何时不可用。
  • 某些生成或动态元素无法内联编辑。Runner 为这些元素显示较少的控件。
  • AI 图像生成可能会使用积分。Runner 在运行前在图像面板中显示适用的通知。

打开页面和编辑器

  1. 打开您的项目并选择 店铺前台。
  2. 在普通预览中,选择店铺链接以到达您想要的页面。
  3. 如果您知道路由,选择路径字段,输入同一网站路径(如 /about),然后按 Enter。
  4. 确认正确的页面可见。
  5. 选择 设计模式,然后选择目标元素。

英文标注:选择待编辑文本或图片前的设计模式(英文界面)

英文标注指出了操作位置。点击图片可放大查看。

先在此视图中选择目标元素。只有选择支持的媒体后,才会显示图片专属控件;此处未展示替换或保存。(英文界面)

媒体控件

使用设计模式 记录了共用的 询问 Runner AI、间距、文本、删除元素、撤销、重做 和 保存 控件。仅当选定元素支持媒体时,才会显示以下控件。

控件 它改变什么 使用它时会发生什么
图像 → 上传 选定的图像或支持的背景图像。 选择 上传图像,选择图像文件,Runner 在上传成功后替换选定的媒体。产品显示的当前限制为每个图像 5 MB。
图像 → AI 生成 生成的替代图像。 输入提示并选择 运行。在第一个结果后,再次运行 请求另一个结果,历史 打开此编辑会话中的结果。
历史 当前图像编辑会话中生成的图像。 选择一个项目进行检查。恢复此版本 应用该图像及其提示;下载图标下载单个结果。

安全地编辑一个页面

  1. 记录当前页面路径,以便您可以返回到它。
  2. 选择元素并检查显示哪些控件。控件因元素而异。
  3. 一次进行一项更改,然后使用 撤销、重做 或图像 历史 比较结果,再选择 保存。
  4. 等待选择的保存或 Runner 请求完成。
  5. 关闭设计模式并重新打开同一页面。确认新图片或内容在重新加载后仍存在,再检查 PC、Pad 和 Phone 布局。
  6. 仅在第一个页面正确后才重复下一个页面。

状态、限制和故障排除

您看到的 含义 要做什么
选定的元素只有某些控件 Runner 公开该元素支持的控件。 使用可用的控件或在聊天中询问 Runner 以进行更广泛的更改。
上传被拒绝 文件丢失、不是图像、超过显示的限制或上传失败。 选择另一个图像并重试。
生成中… Runner 正在创建请求的图像。 保持面板打开直到完成或报告失败。
历史 不存在 此编辑会话中不存在 AI 生成的图像。 生成第一个图像,或改为上传您自己的图像。
路由不打开 路径无效、外部或不是预览的一部分。 返回 /,使用可见的店铺链接,或要求 Runner 创建或修复页面。
保存的页面在移动设备上不同 编辑影响了响应式布局。 重新打开设计模式或在发布前要求 Runner 进行特定于设备的更正。

相关指南

最后更新于 2026年9月8日

这个页面有帮助吗?