用 AI 快速创建单个页面(Add Page 教程)

2026年7月6日 admin

用 AI 快速创建单个页面(Add Page 教程)

网站已经有了,突然想加一个产品页怎么办?或者某个营销活动需要一个落地页?用 Add Page 就行。PufferGo 在 WordPress 编辑器右侧提供了 AI 工具面板,支持区块生成、整页生成、规划模式等多种方式,灵活应对不同场景。


入口

从 Dashboard 进入最简单:

  1. WordPress 后台 → PufferGo Dashboard → Quick Actions → 点击「Add Page」卡片
  2. 页面跳转到 WordPress 标准新建页面编辑器
  3. 编辑器右侧自动出现 PufferGo Tool 侧栏面板——这就是 AI 生成的操作区

也可以通过 WordPress 左侧菜单「Pages → Add New」或顶部工具栏「+ New → Page」进入,效果相同。


PufferGo Tool 面板:Generate 选项卡

侧栏面板默认打开「Generate」选项卡,这是 AI 生成的主入口。面板顶部有一个可折叠的 Settings 区域(风格模式、语言选择),下方是核心操作区。

生成目标选择器(Target Picker)

输入框左侧有一个目标选择器,决定 AI 生成什么。分为两大类:

区块模式(Block)

生成单个页面区块,插入到当前编辑器中。可选:

  • 自定义区块:自由描述你要的区块,AI 按需生成
  • 指定区块类型:从 40+ 种专业区块中选择,例如:
    • 英雄区块(Hero Section)
    • 产品/服务列表、产品目录
    • 客户评价、客户推荐轮播
    • 常见问题解答(FAQ)
    • 行动呼吁(CTA)、询盘表单(RFQ)
    • 数据统计展示、合作伙伴 Logo 墙
    • 工厂参观、质量控制、研发实力(B2B 专属)
    • 等等

选择特定区块类型后,面板还会显示该类型的现成组件模板——可以直接插入,也可以作为参考让 AI 生成定制化版本。

页面模式(Page)

生成一个完整的页面,包含多个区块组合。可选:

  • 自定义页面:自由描述页面需求,AI 自动规划并生成
  • 指定页面类型:从 20+ 种常见页面类型中选择,例如:
    • 首页(Home Page)
    • 关于我们(About Page)
    • 联系我们(Contact Page)
    • 落地页(Landing Page)
    • 常见问题页(FAQ Page)
    • 工厂参观页(Factory Tour Page)
    • 等等

Plan 模式(规划模式)

仅在页面模式下可用,默认开启。这是生成高质量页面的关键。

开启 Plan 模式(默认)

AI 分两步走:

  1. 规划蓝图:AI 先分析你的需求,生成页面蓝图(区块列表),展示每个区块的类型、内容方向、SEO 关键词分配
  2. 审核编辑:你可以预览蓝图,调整区块顺序、增删区块、修改内容方向
  3. 确认生成:满意后点击确认,AI 按蓝图逐区块生成完整页面内容

规划模式让 AI 生成的页面结构更合理、内容更有针对性。强烈建议保持开启。

关闭 Plan 模式

AI 一步到位,直接根据你的描述生成完整页面。适合需求明确、不需要审核蓝图的场景。


风格模式(Style Mode)

在面板顶部点击 Settings 展开,找到 Style 选项:

模式 说明 适用场景
跟随主题(Follow Theme) 生成的颜色、字体、间距继承当前 WordPress 主题的设计令牌,保持全站风格一致 日常页面建设,保持品牌统一性
创意模式(Creative) AI 有更大自由度探索大胆的布局和视觉效果 营销活动落地页、需要突出个性的页面

提示:风格模式旁有一个帮助按钮(ℹ),点击可查看详细说明。


使用步骤

第一步:描述你的需求

在输入框中描述你想要的页面或区块内容。例如:

  • 「介绍我们的 CNC 精密加工服务,面向北美 B2B 客户」
  • 「创建一个关于页,突出我们 15 年行业经验和 ISO 认证」
  • 「做一个 Hero 区块,主打我们的新产品线」

第二步:引用 SEO 关键词

输入 @ 可以引用站点画像中配置的 SEO 关键词,AI 会在生成内容时自然融入这些关键词,提升 Google 排名。

第三步:附加参考图片

点击输入框下方的图片按钮,可以上传参考图片(如竞品截图、设计稿),AI 会参考图片风格生成内容。

第四步:选择语言和 AI 模型

  • 语言:Settings 中可选择生成语言(默认英文,支持多语言)
  • AI 模型:可选择不同的 AI 模型驱动生成

第五步:生成并插入

  • 区块模式:AI 生成区块后自动插入到编辑器当前光标位置
  • 页面模式(Plan 开启):审核蓝图 → 确认 → AI 生成整个页面
  • 页面模式(Plan 关闭):AI 直接生成整个页面

Add Page vs Create Full Site

对比项 Add Page Create Full Site
适用场景 已有网站,需补充或修改页面 从零开始建站
生成范围 单个页面或单个区块 整站(多页面)
操作位置 WordPress 编辑器 + 侧栏面板 AI Site Builder 独立界面
灵活度 支持区块级精细控制 全局规划,一步到位

简单说:新建站用 Create Full Site,补页面或改区块用 Add Page。


常见问题(FAQ)

Q:Add Page 生成的内容质量如何?
质量与站点画像的完整度直接相关。画像填写越完整,AI 生成的内容越贴合业务,越专业。

Q:区块模式和页面模式怎么选?
需要往已有页面添加一个模块(如 FAQ、CTA)用区块模式;需要新建一个完整页面用页面模式。

Q:Plan 模式什么时候该关?
当你对需求描述非常明确,不需要审核蓝图时,可以关闭 Plan 模式加速生成。大多数情况建议保持开启。

Q:跟随主题和创意模式怎么选?
日常建站选「跟随主题」保持全站风格一致;做营销活动落地页或需要视觉冲击力时选「创意模式」。

Q:可以批量添加多个页面吗?
目前每次生成一个页面。如需多个页面,可以逐个使用 Add Page,或使用 Create Full Site 一次性生成整站。

Q:生成的页面会破坏现有网站的设计吗?
不会。使用「跟随主题」模式时,AI 自动匹配当前主题的字体、颜色和间距,生成内容与现有页面协调一致。


🎥 视频版本【核心功能 5/5】用 AI 快速创建单个页面(Add Page 教程)(视频链接待补充)
上一篇AI 一键创建整站
返回主指南PufferGo 核心功能使用指南
返回从零建站指南外贸独立站从零搭建完整指南

🔗 相关链接WordPress 插件宣传页 | 下载 WP 插件 | PufferGo 平台