从全局元素到组件的进化
Divi 在十年前推出了全局元素与选择性同步功能，让网站元素复用与统一更新成为可能。如今，Divi 5 引入的组件（Components）将这一概念推向了新的高度。组件不仅能容纳完整布局，还支持嵌套其他组件，并让选择性同步贯穿区块、行、列、组及模块的各个层级。
这次更新的核心在于引入了插槽（Slots）机制，允许在统一的同步结构中嵌入自由形式的内容区域。同时，属性继承逻辑得到优化，被分离设置的属性在未被本地覆盖前，仍会自动继承全局值。配合专属的实例编辑与组件编辑模式，Divi 构建起了一套灵活且可扩展的设计复用系统，使网站开发的一致性管理更加高效。
嵌套模块的属性分离
选择性同步在嵌套布局中的支持是此次更新的关键改进。用户可以在组件内部的任意模块中分离特定属性，即使该组件由包含复杂内容的区块构建而成。以创建一个可复用的客户评价组件为例，其字体、间距、颜色等设计属性可保持全局一致，而图片、姓名和引言等具体内容则可按需本地化。
这意味着，用户只需分离 Text 模块内的文本内容或 Image 模块的图片源，即可实现“设计统一、内容独立”的效果。这种机制赋予了开发者对全局与本地边界的精准控制权。
继承与覆盖机制
被分离的属性不再像过去那样可能在实例层留下空白，而是默认继承源组件的全局值。以按钮模块为例，若分离了文本设置，所有实例仍显示组件定义的默认文本；当在某一实例修改文本时，该本地值仅覆盖此实例，而不影响其他实例。重置本地值后，属性将恢复继承状态，源数据始终安全保留，未被意外擦除。
模块与组件的分离与重连
除属性外，整个嵌套模块也可从父组件中分离。分离后，该模块在实例层变得完全可编辑，其设置变更不会影响源组件或其他实例。若需恢复同步，重新连接模块即可。另外，整个组件实例也可被分离，转化为常规本地模块，保留当前设计但解除全局关联。
本地与全局设置的分层管理
组件引入了清晰的编辑模式划分，确保用户明确知晓当前变更是作用于单一实例还是所有关联实例。这种分层设计减少了误操作风险，提升了多页面维护的可靠性。
实例模式下的本地编辑
打开一个已连接的组件时，默认进入实例模式。此时，设置面板仅展示可本地编辑的属性与子集，全局同步设置被隐藏，界面更简洁。若无本地可编辑项，Divi 会提示该设置由组件统一管理，并为授权用户提供直接跳转编辑全局设置的入口。所有本地修改随页面保存，互不干扰。
组件模式下的全局编辑
通过设置面板顶部的“编辑组件”选项，可进入组件编辑模式。在此模式下，修改将作用于源组件，进而同步至所有连接的实例，确保品牌规范与布局结构的一致性。
插槽：自由内容在同步框架中的嵌入
插槽是组件内的占位区域，允许在不破坏全局布局的前提下，为不同实例注入独特内容。比如说，同一套产品卡片布局中，主图与按钮全局统一，但中间的描述文本可放置于插槽内，每个产品独立编辑。这解决了传统组件“要么全同，要么全异”的困境。
组件在 Divi 构建器中的一等公民地位
组件不再是附属功能，而是构建器中的核心对象。用户可从现有全局元素直接创建组件，或将组件转换回普通元素。组件管理器提供集中化的增删改查与导入导出功能，支持快速预加载，提升大型项目的编辑效率。另外，Divi AI Agent 已整合组件管理指令，用户可通过自然语言对话批量调整组件属性或生成新组件。
嵌套与组合的灵活性
组件支持在内部嵌套其他组件，形成模块化层级结构。比如说，页头组件可嵌套导航栏组件与品牌标识组件，更新导航时仅需调整子组件，主组件结构保持不变。这种组合方式与 Presets 和 Variables 协同工作，变量控制数值，预设应用样式，组件封装结构，三者共同构成完整的复用生态。
更快的导入导出与加载
组件支持标准化导入导出，便于团队间共享与迁移。加载速度显著优化，大型组件在构建器中打开时几乎无延迟。对于高频使用的组件，预加载功能可将其常驻内存，进一步缩短编辑响应时间。
AI 驱动的组件管理
Divi AI Agent 现已支持组件层面的操作。用户可指令 AI“将主视觉组件的背景色改为深蓝”，或“为所有产品卡片组件添加一个 CTA 插槽”。AI 自动解析意图，定位目标组件，执行修改并同步预览，大幅降低批量维护的门槛。
即刻体验
Divi 5 的组件与插槽功能已全面开放。无论新建项目还是旧站改造，都可立即启用这些工具，重新定义设计复用方式。从精细的属性分离到宏大的嵌套结构，这套系统为前端开发提供了前所未有的控制力与效率。
