Divi AI 中的 Ask 模式:如何在不改动页面的情况下获取布局指导

Divi AI Agents 不仅用于建站,还能充当即时的技术支持。Divi 5 里的 Ask 功能允许用户在 Visual Builder 内部直接询问设置或布局逻辑,智能体基于当前页面给出建议,无需跳出界面查阅外部文档。

该功能的核心在于上下文感知。比如在讨论 CSS Grid 时,智能体会直接结合页面上的服务区块,分析其列宽在移动端如何适配。用户无需重新描述页面结构,就能紧接着询问具体控制项的位置,保持对话的连贯性。

Ask 模式的功能定位

Ask 是 Divi AI Agents 面板中的一种交互状态。它允许用户就页面结构或 Divi 机制提问,智能体会检查当前页面并参考官方文档,在实施任何修改前提供解释和建议。

这里有一条明确的界限:Ask 负责探索与咨询,保持设计原貌;而 Build 模式才用于执行具体操作,如调整参数或重新排列元素。

The Ask mode in the Divi AI Agents panel answering a question about the page

这种机制在工作流的多个环节都有用。无论是纠结于 Flexbox 还是 CSS Grid 的选择,寻找响应式设置,还是理解为何现有结构需调整以配合新设计,Ask 模式都能提供帮助。

用户不必预先知道具体的设置名称。只需描述目标元素、期望效果和不确定的地方,智能体即可基于这些信息做调查并解释下一步操作。

如何启用 Ask 模式

在 Divi Visual Builder 中打开页面,调出 AI Agent 面板。若系统提示,需先登录 Divi AI 账户。

在面板底部的交互模式选择器中,切换到 Ask 选项。这个选择器同时也是切换至 Build 模式的入口。

Choosing Ask in the interaction mode selector of the Divi AI Agents panel

在输入框中键入问题并发送。针对特定页面的提问,建议明确指明区块或元素。比如说,提及可见的标题“What I Do Best”,能给智能体一个具体的锚点。

下文案例使用一个作品集页面,包含服务区块和精选作品区块。在保留现有设计的前提下,探讨其布局如何契合 Divi 5 的布局控制功能。

咨询布局系统选择:Flexbox 还是 CSS Grid

确定布局系统往往是第一步。两者都能排列服务列表,但最佳选择取决于现有结构和期望效果。

案例中的“What I Do Best”区块包含三个服务,每个由图标、标题和描述组成。针对此区块的提问如下:

“对于本页“What I Do Best”区块中的三个服务,我该用 Flexbox 还是 CSS Grid?检查当前结构,说明选择理由,并建议其在平板和手机上的适配方式。不要执行修改。” Get Divi AI Agents

Ask recommending CSS Grid or Flexbox for the What I Do Best services row

Ask 检查页面后识别出标题行下方有包含三列等宽服务的内容行。智能体推荐 CSS Grid,理由是明确的列数让桌面布局及响应式变更更易定义。

同时,它也解释了 Flexbox 适用于可换行项目的场景,这种对比让建议紧扣布局实际需求。

在响应式方面,Ask 建议桌面端三列、手机端单列。针对平板端,它提出了双列布局,并指出剩余服务将换行。另外,它提醒现有布局可能已能正确堆叠,查看响应式预览即可确认是不是需要重构。

由于 Ask 解释了选择 Grid 的逻辑,用户可以结合自己的设计验证这一推理。若服务需在每个断点维持固定列数,Grid 是合适的;若需随空间自动换行,则选 Flexbox。

通过追问定位具体设置

确定方向后,利用同一对话获取更细节的信息。无需重述问题或重新描述区块。

追问示例:

“若该服务行使用 CSS Grid,在 Divi 5 中哪里设置列数和列间距?说明如何设置桌面端三列、手机单列。参考 Divi 文档核实控制项。不要执行修改。” Get Divi AI Agents

Ask explaining where to set Grid columns and gaps for the services row

Ask 指出相关控制项位于面板的 CSS 选项卡下。通过选择“Edit”进入 CSS Grid 设置,可以找到列数和列间距选项。智能体解释了 Divi 5 中这些参数的工作方式,并确认了移动端切换方案。

询问页面结构需求与切换至 Build

Ask 模式还能在重新设计前评估页面结构。用户可询问现有布局是不是支持新设计,或哪些部分需重构。得到结构评估后,将模式切换为 Build即可直接应用调整,无需重复描述需求。

将 Ask 作为即时支持

Divi AI Agents 的 Ask 功能改变了获取帮助的方式。它让布局咨询嵌入在 Visual Builder 内部,基于实时页面上下文做。用户无需中断工作流去查文档,而是通过对话逐步解决问题,从选择布局系统到定位具体控制项,整个过程都在智能体的引导下完成,提高了决策的准确性与效率。

发表评论