用 AI 快速创建单个页面(Add Page 教程)
网站已经有了,突然想加一个产品页怎么办?或者某个营销活动需要一个落地页?用 Add Page 就行。PufferGo 在 WordPress 编辑器右侧提供了 AI 工具面板,支持区块生成、整页生成、规划模式等多种方式,灵活应对不同场景。
入口
从 Dashboard 进入最简单:
- WordPress 后台 → PufferGo Dashboard → Quick Actions → 点击「Add Page」卡片
- 页面跳转到 WordPress 标准新建页面编辑器
- 编辑器右侧自动出现 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 分两步走:
- 规划蓝图:AI 先分析你的需求,生成页面蓝图(区块列表),展示每个区块的类型、内容方向、SEO 关键词分配
- 审核编辑:你可以预览蓝图,调整区块顺序、增删区块、修改内容方向
- 确认生成:满意后点击确认,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 平台
