Elementor 进一步扩展了旗下智能建站工具 Angie 的能力。WordPress 网站管理员现在可以使用自然语言描述页面需求，让 Angie 生成完整页面，包括布局、区块、文字内容和基础样式。生成结果不是不可编辑的图片或一次性代码，而是能够继续在 Elementor 编辑器中调整的结构化内容。
除整页生成外，Angie 还可以根据截图或文字描述建立颜色和字体系统，并为符合条件的 Elementor Pro 网站创建 Atomic Forms 表单和 Atomic Loop 动态内容。对于需要定制功能的项目，Angie Code 还能生成 Elementor 小工具、WordPress 后台代码和前端交互效果。
这次更新的重点并不是让 AI 代替所有建站工作，而是减少线框设计、区块搭建、表单配置和样式整理等重复操作。页面生成后，网站管理员仍可在编辑器中修改布局、样式和内容。
Elementor官网地址：点击直达
用提示词生成完整Elementor页面
传统的 Elementor 建站流程通常从空白画布或现成模板开始。网站管理员需要建立页面区块、放置小工具、调整间距和颜色，再填入文字与图片。如果一个项目需要多个落地页或页面变体，这些基础工作还要重复进行。
Angie 改变了页面搭建的起点。使用者可以直接描述页面类型、内容结构和视觉方向，例如：
创建一个面向企业客户的 WordPress 服务页面，包含首屏介绍、三项核心服务、客户案例、常见问题和联系表单，使用简洁的科技风格。
Angie 会根据提示生成完整页面结构，而不只是给出文案建议。生成内容可包括：
- 页面区块与布局；
- 标题和正文；
- 按钮与行动号召；
- 基础颜色和字体；
- 间距与视觉层级；
- 符合页面用途的内容结构。
这些内容会以 Elementor 可识别的原生结构存在。网站管理员可以在编辑器中移动区块、更换文字、修改颜色或删除不需要的元素，不必接受一个无法继续调整的固定结果。
Angie 生成的页面也不局限于只使用 Elementor 编辑流程的网站。Elementor 表示，这套能力可以在使用 Elementor 或 Gutenberg 的网站环境中工作，但具体支持范围仍应以当前版本、编辑器设置和账户开放情况为准。
Plan Mode可以先确认方案再执行
当页面需求比较复杂时，一句话未必能表达完整要求。例如企业官网可能需要指定页面对象、内容层级、品牌风格、转化目标和表单字段。如果 AI 直接开始生成，结果可能和实际需求存在偏差。
Angie 的 Plan Mode 会先针对需求提出澄清问题，并整理计划。使用者确认方案后，系统才开始执行。这种方式适合以下项目：
- 企业官网首页；
- 产品或服务落地页；
- 多区块营销页面；
- 带有表单和动态内容的页面；
- 需要遵循现有品牌规范的改版页面。
Plan Mode 的价值在于把“提示词”变成更明确的建站任务。网站管理员可以在生成前确认页面包含哪些区块、使用什么内容节奏，以及是否需要表单、文章列表或其他动态元素，减少生成后大范围返工。
根据截图生成颜色和字体系统
企业建站经常遇到一种情况：客户提供了网站截图、品牌宣传图或参考页面，却没有完整的设计规范。建站人员需要从参考素材中整理颜色、字体和视觉层级，再把这些设置录入网站。
Angie 支持从截图或文字描述中生成初始设计系统。使用者可以上传品牌参考图，也可以通过文字说明希望采用的设计方向，Angie 会据此建立颜色和字体组合。
设计系统建立后，Angie 会结合当前网站环境使用这些样式。后续新建页面、表单和动态内容时，可以继承已有的品牌设置，减少不同页面之间颜色、字体和间距不一致的问题。
不过，截图生成设计系统更适合作为起点，而不是最终品牌规范。正式使用前仍应检查：
- 品牌主色和辅助色是否准确；
- 正文与背景的颜色对比度是否足够；
- 中文字体和英文字体是否协调；
- 移动端字号是否清晰；
- 按钮、链接和提示状态是否容易识别；
- 字体文件是否增加页面加载负担。
如果网站原本已经有全局颜色和字体，也应先在测试页面检查 Angie 生成的设置是否会覆盖或干扰现有样式。
Elementor Pro可用提示词创建Atomic Forms
表单是企业官网、服务网站和外贸独立站的重要组成部分。传统表单搭建需要逐个添加标签、输入框、文本区域、复选框和提交按钮，再分别设置字段宽度、间距和样式。
Angie 可以根据自然语言描述生成 Atomic Form。例如，可以要求它创建包含姓名、企业邮箱、公司名称、服务类型、项目预算、需求说明和隐私同意项的询盘表单。生成结果由可组合的真实字段构成，而不是一张表单示意图。
Atomic Form 可以包含：
- 标签；
- 单行输入框；
- 多行文本区域；
- 复选框；
- 提交按钮；
- 对应的结构和布局。
生成后的表单会沿用网站设计系统，网站管理员也可以继续在编辑器中修改字段、布局和样式。
需要注意的是，Atomic Forms 属于 Elementor Pro 相关能力，并要求启用 Atomic Editor。其后台路径为：
WordPress后台 → Elementor → Editor → Settings → Atomic Editor后台菜单名称可能随 Elementor 版本和语言设置略有不同。如果没有看到对应入口，应先检查 Elementor、Elementor Pro 和 Angie 的版本、账户权限及功能开放范围。
Atomic Loop可以生成动态文章与内容列表
企业官网和内容站经常需要展示文章、案例、产品、团队成员或其他自定义内容。传统 Elementor 工作流需要先建立循环项目模板，再配置查询、布局和分页。
Angie 可以根据描述创建 Atomic Loop，包括 Loop、Layout 和 Item 元素，并加入分页。例如，网站管理员可以要求它生成一个三列案例列表，每个项目显示特色图、案例名称、行业和详情按钮，移动端改为单列布局。
这种能力适合：
- 博客文章列表；
- 企业案例；
- 团队成员；
- 产品目录；
- 活动内容；
- 自定义文章类型归档页。
Atomic Loop 同样会继承网站的设计系统，减少列表区域与其他页面样式不一致的情况。
Atomic Loop 属于 Elementor Pro 相关功能，并要求启用 Atomic Editor。生成后仍要检查查询范围、排序方式、分页、空结果状态和移动端布局。如果涉及自定义文章类型或字段，还应确认数据来源和字段映射准确。
生成结果可以随时在编辑器中修改
Angie 生成的页面不是封闭结果。页面完成后，可以直接在 Elementor 编辑器中调整样式、布局和内容，操作方式与手动搭建的 Elementor 页面一致。
这一点对实际项目很重要。AI 生成的首版页面可能已经具备完整结构，但标题长度、区块顺序、按钮文案、移动端间距和品牌细节仍可能需要人工调整。可编辑结构意味着网站管理员不必在“完全接受”和“全部重做”之间二选一。
Angie 还会保存生成版本。如果某次修改没有达到预期，可以恢复之前的版本。即使具备版本恢复能力，正式网站仍应保留独立备份，并优先在暂存环境测试较大的页面或样式调整。
Angie Code还能生成小工具和WordPress功能
除了页面、设计系统、表单和循环内容，Elementor 还介绍了 Angie Code。它可以根据需求生成 PHP、CSS 和 JavaScript，用于扩展 Elementor 与 WordPress 功能。
可生成的内容包括：
- 自定义 Elementor 小工具；
- 为现有小工具增加控制项；
- WordPress 后台代码片段；
- 管理仪表盘视图；
- 自定义文章类型；
- 自定义字段；
- 自定义光标；
- 前端交互界面。
例如，网站管理员可以要求 Angie Code 创建一个带图标、标题、说明和按钮的 Elementor 小工具，或者生成一个用于管理特定内容的后台视图。
这些代码资产会先在 Test Mode 中运行，避免未经确认直接影响正式网站。测试完成后，仍应人工检查代码权限、输入过滤、输出转义、性能和插件兼容性。涉及用户数据、文件上传、数据库写入或 REST API 权限时，不能只依据页面显示正常判断代码安全。
生成资产可以保存到Cloud Library
Angie 生成的资产不必只留在单个网站中。完成页面、小工具或其他内容后，可以将其保存到 Cloud Library，并在其他已连接网站中调用。
对于同时维护多个 WordPress 网站的团队，这项能力可以用于复用：
- 企业页面区块；
- 常用表单；
- 案例列表；
- 行动号召区域；
- 自定义小工具；
- 品牌设计系统。
使用者也可以将资产分享到 Community Library，供其他 Elementor 用户使用或继续修改。按照 Elementor 的介绍，保存到 Cloud Library 或分享到 Community Library 本身不会消耗 Angie credits，但具体使用条件仍应以 Elementor 当前账户和产品说明为准。
Angie适合哪些WordPress网站？
Angie 比较适合使用 Elementor 搭建页面，并且经常需要重复创建页面结构的个人和团队。
比较适合的场景包括：
- WordPress 建站服务团队；
- 企业官网快速搭建；
- 多个营销落地页；
- 品牌网站改版；
- 需要重复使用页面区块的多站点项目；
- 使用 Elementor Pro 创建表单和动态列表的网站；
- 需要定制 Elementor 小工具的开发项目。
如果网站只使用简单区块主题，页面数量很少，也没有复杂表单或动态内容，Angie 带来的效率提升可能不如多页面项目明显。
另外，AI 生成页面不等于页面可以直接上线。企业仍需检查内容事实、版权、品牌表达、无障碍体验、移动端布局、表单送达、页面速度和 SEO 设置。
使用Angie生成页面后要检查什么？
内容检查
- 公司名称、产品信息和联系方式是否准确；
- 是否出现无法证实的数据或承诺；
- 页面标题和按钮文案是否符合业务目标；
- 是否保留无关占位文字；
- FAQ 是否回答真实业务问题。
设计检查
- 颜色和字体是否符合品牌规范；
- 正文与背景对比度是否足够；
- 桌面端和移动端是否存在重叠；
- 图片比例是否一致；
- 按钮和表单控件是否容易识别。
功能检查
- 表单能否提交；
- 邮件通知能否送达；
- 动态列表查询是否正确；
- 分页和空结果页面是否正常；
- 链接、按钮和菜单是否可用；
- 登录用户和游客看到的内容是否符合预期。
SEO与性能检查
- 页面只保留一个主标题；
- SEO Title 和 Description 已单独设置；
- canonical 指向正确 URL；
- 图片具备准确的 alt；
- 页面没有加载无用脚本和字体；
- 移动端速度可以接受；
- Schema 与页面真实内容一致。
常见问题
Angie生成的是图片还是可编辑页面？
Angie 生成的是结构化、可编辑的 Elementor 内容。网站管理员可以在编辑器中修改区块、布局、样式和文字，不是只能使用固定图片或一次性导出结果。
Angie可以根据截图生成完整页面吗？
Elementor 介绍的能力包括根据截图或文字描述生成初始设计系统，主要用于整理颜色和字体。具体页面仍应结合清晰提示词、网站环境和人工调整完成。
Atomic Forms和Atomic Loop免费版可以使用吗？
Elementor 明确将 Atomic Forms 和 Atomic Loop 标记为 Pro 能力，并要求启用 Atomic Editor。实际可用范围可能与当前套餐、版本和功能开放情况有关，应在账户和后台中确认。
Angie生成的代码会直接影响正式网站吗？
Angie Code 生成的资产会先在 Test Mode 中运行。即便如此，正式启用前仍应审查 PHP、CSS 和 JavaScript，检查安全、权限、性能与兼容性。
使用Angie后还需要页面设计和测试吗？
需要。Angie 可以减少线框、布局、样式和组件搭建时间，但品牌准确性、内容质量、移动端效果、表单送达、SEO 和上线验收仍需要人工负责。
分类：新闻资讯
标签：Elementor