在Divi 5中扩展到不同元素类型的灵活性

进行设计更新不应该像检查框。但是，即使是简单的东西，例如更改按钮样式或更新字体，都意味着手动编辑每个模块。它很慢，重复且易于混乱。

Divi 5用扩展属性修复了Divi 4的扩展样式的升级版本。它使您可以使用一次更改并将其扩展到任何地方，甚至在不同的元素和模块类型上。在这篇文章中，我们将研究这种灵活性如何节省您的时间并清理工作流程。

Divi 5中的扩展属性是什么？

扩展属性可让您只需单击几下将样式，内容或预设从一个元素扩展到其他元素，而无需手动编辑每个模块。

订阅我们的YouTube频道

但这不是您典型的复制和处理工作流（如果您有兴趣的话，我们也有）。扩展属性在不同的元素和模块类型上起作用，而不仅仅是相同的属性类型。例如，您可以一次性设计标题，并将相同的字体应用于切换标题，一个人模块名称或倾斜标题。只要他们共享相同的样式组，例如文本，他们就会跟进。

而且它不止于此。您几乎可以在任何地方扩展任何东西。从一个部分复制背景颜色，并将其应用于页面上的每个行，部分，列或模块。

或在不同模块上重复使用按钮样式；您可以将样式从呼吁行动扩展到联系表。一旦开始使用它，您就会改变您对更新的看法。您将不再一遍又一遍地陷入同样的事情。使用扩展属性，您将保持一致，节省时间并通过布局更改更快，并通过更多的控制。

使用Divi 5中的扩展属性

扩展属性易于使用，并为您提供足够的灵活性。要开始，只需右键单击您已经设计的元素即可。这可能是一个模块，列，行甚至整个部分。从出现的菜单中，选择“扩展属性”。

（您还可以直接在特定设置组（例如字体或间距）上右键单击。这可以使用已经选择的该组打开扩展属性面板，当您确切地知道自己的目标时，这会使过程更快，更精确。）

一旦打开扩展属性面板，您就可以决定要扩展什么以及在何处应用它。

您会看到一些明确的选择：

• （1.）从元素延伸：您样式并要复制的项目。
• （2.）扩展到位置：选择更改应该走多远。只是当前部分，父行或完整页面。
• （3.）扩展到元素类型：选择要定位的元素类型，例如仅文本模块或所有模块。
• （4.）属性类型要扩展：选择要复制的内容：设计，内容，预设或这些混合物的任何混合。
• （5.）要扩展的选项组：专注于特定的设置，例如文本，边框或按钮样式。
• （6.）修改的字段要扩展：您可以仅应用您更改的字段或包含所有内容。

这是一个快速示例。假设您已经在文本模块内设计了一个标题，并希望将相同的字体应用于同一部分的其他标题。您将位置设置为父段，元素类型为文本，然后选择“身体选项”组（因为我们只想传输身体样式）。

应用后，该部分中的每个匹配文本模块都会使用相同的字体样式更新。

这就是使扩展属性特别有用的原因。您不会卡住整个设计。您可以准确选择要扩展的内容，只有一个组或多个属性。您甚至可以将内容和设计携带到完全不同的模块中。

但是，如果起初的设置感觉很多，请理解它是完全正常的。您可能需要测试一些组合，以了解范围，元素类型和设置组如何一起工作。一旦单击，它就会成为Divi工作流程中最有效的工具之一。

在接下来的部分中，我们将浏览实践示例，以显示所有这些内容如何融合在一起。一旦您了解每个设置的工作原理，扩展属性就成为构建一致设计的强大工具，而无需重复相同的工作。

了解有关Divi 5的扩展属性的所有内容

Divi 5的扩展属性如何超过Divi 4的扩展样式

如果您使用了Divi 4，则可能熟悉扩展样式。它使您可以将设计设置从一个元素复制到另一个元素，但仅在同一元素类型中。这使得它有助于快速修复，但限制了更复杂的更新。

Divi 5的扩展属性将这个想法进一步进一步。它不仅复制设计，还可以与内容和预设一起使用，还可以完全控制所应用的内容和在哪里。您甚至可以选择特定的属性来扩展，例如仅背景颜色或边框半径，而不会影响其他任何内容。

您不再锁定匹配模块类型或在布局上重复相同的更改。扩展属性使您可以精确地选择重复使用的内容以及它应该走多远，无论是跨部分还是整个页面。它的构建是为了适应您的工作流程，并使样式更快，更聪明，更一致。

扩展属性在Divi 5中可用 - 下载最新版本可以立即尝试。

5个实际示例，说明您可以扩展什么（以及如何）

到目前为止，我们已经讨论了扩展属性可以做什么。现在，让我们看一下如何实际使用它。这些示例遍历不同的设置组合，您可以尝试节省时间并更有效地应用更新。

1。扩展样式跨不同的元素类型

扩展属性不会将您锁定到固定的层次结构中。无论您是从一个部分转移到模块还是从一行到列，都可以在不同的布局级别上应用样式。

这使得在布局上创建视觉连接变得容易。推荐模块可以匹配其所在的部分。呼叫的行动模块可以从上面的行拾取样式。只要它们共享样式组，您就不仅限于在类似元素之间扩展样式。根据您的设计需求，您可以从广泛到特定，反之亦然。

从一节延伸到列

假设您在该部分中添加了微妙的边框半径，以软化布局的边缘。在该部分中，您有一个带有背景图像的列，并且希望它能够镜像相同的圆角以获得视觉一致性。

而不是手动重新填充半径，而只需右键单击该部分，而是选择扩展属性，将元素类型设置为列，然后从选项组中选择“边框” 。

该列将继承相同的边框半径，因此您的背景图像或嵌套布局不会破坏视觉流。

从一排延伸到一排

另一个例子是将填充物从截面扩展到行或其他部分，以保持一致的空白。右键单击该部分，选择扩展属性，将元素类型设置为行，然后从选项组中选择间距。

现在，所有行都继承相同的填充值，从而使页面一致的间距。

从部分延伸到模块

假设一个部分已经具有您想要的背景，边框或间距。您可以将它们直接传递到另一个元素，即使它嵌套在内部或放置在该部分之外，也可以将这些样式重新创建。

例如，如果一个部分具有您在证明中想要的背景，则只需使用扩展属性即可。选择推荐作为元素类型，将范围设置为整个页面，并确保选择背景属性。

一旦应用，证明就会继承该背景，而无需手动编辑。

在网络设计中，一致的视觉细节（例如背景颜色，边框和间距）有助于将所有内容绑在一起。借助扩展属性，您可以轻松地在布局上携带该一致性，并在每次从头开始就可以创建抛光的，品牌的体验。

从列延伸到一排

您也可以遵循反向方法，例如，从列扩展到一行。假设您已经添加了一条干净的实线来构架您的列。如果您希望行携带相同的边框样式以达到视觉一致性的一部分，则可以立即重复使用这些样式。只需将边框选项组扩展到父行即可。

该行拾取了相同的边框设置，在两者之间建立了清晰的视觉连接。当构建依赖一致轮廓或分离器的分层部分或盒装布局时，这一点特别有效。

这些只是一些组合，也可以逆转。实际上，您可以在几乎任何布局级别上扩展样式。扩展属性可为您提供完全的灵活性，从应用列间距到其中的模块到将截面阴影载入行或按钮。您也可以：

• 从一行复制边界 - 拉迪乌斯并将其应用于模块
• 从模块跨列重复使用转换动画
• 将字体对齐从部分扩展到其中的所有文本模块
• 将图像过滤器从一列应用于另一列以进行一致的样式
• 如果两个元素共享样式组和上下文，则扩展属性可能可以处理。

目的不是记住所有组合，而是要试验并发现对您的布局有用的方法。一旦开始考虑可重复使用的设计而不是一次性编辑，您的工作流就会自然变得更快，更清洁，更一致。

2。扩展样式跨不同的模块类型

扩展属性识别按钮之类的共享样式组，因此您只需几个步骤即可在不同模块上应用相同的样式。

例如，假设您已经设计了一个自己喜欢的按钮，并希望在联系表上使用它。而不是手动重新校准，而是右键单击原始按钮，选择扩展属性，选择按钮选项组，然后将元素类型设置为接触表单。然后将范围设置为整个页面。

该设计将立即延续到联系表的提交按钮，而无需进行手动调整。

您也可以重复其他模块的过程。如果要将相同的按钮样式扩展到电子邮件Optin，只需将元素类型更改为电子邮件Optin ，并且该按钮将自动匹配。

这种跨模型样式可以节省使用纽扣重的布局时的几个小时。由于Divi将按钮视为共享组的一部分，因此您可以在任何地方重复使用一次，而不会破坏一致性。

3。保存并扩展选项组预设

扩展属性还可以与预设一起使用，从而使您可以在布局中重复使用保存的样式。

例如，想象一下，您已经设计了一个带有圆角，微妙边框和柔和阴影的列。您可以将其保存为边框预设，以稍后再使用它。

仅当元素保存预设时，仅出现扩展边框预设选项。

现在，您可以一步一步将其扩展到其他列，而不是手动将该预设应用于其他列。只需右键单击原始列，选择扩展属性，然后从面板中选择“扩展边框预设” 。

选择后，将元素类型设置为列，并将范围设置为父部分或整个页面，具体取决于您想要的位置。预设样式立即将其转移到其他列，而无需再次设置。

这使保持布局保持一致变得更加容易，尤其是在使用定制边框样式，阴影或任何其他在预设下的设计时。

4。样式一次，然后仅扩展您更改的内容

当从头开始构建布局时，单独造型每个元素都会感到无尽。一次扩展样式的一个属性，例如第一个阴影，然后边框，然后间隔，只会减慢您的速度。

这就是所有修改后的字段选项所在的地方。您可以设计一个元素，然后仅将您所做的更改应用于其余部分，而不是手动选择每个设置。

例如，说您在画廊中的一个图像中添加了一个柔软的边框和浅色阴影。

要将相同的外观应用于所有其他图像，请右键单击样式的图像，选择扩展属性，然后在修改的字段中选择所有修改的字段以扩展列。

只有您更改的属性才能延续。其他一切都保持不变。这可以使您的设计保持一致，而不会覆盖其他设置，这是加快散装样式而不会失去控制的最简单方法之一。

5。将样式扩展到单个模块中

扩展属性不仅在模块之间起作用，而且可以在它们内部工作。以手风琴模块为例。如果您曾经对一项项目进行样式，然后再重复五次更改，那么您就会知道这会多么乏味。

现在，您只需要为第一个项目设置并进一步扩展样式即可。

应用设计后，只需打开扩展属性面板，选择手风琴模块，然后选择要应用于其余的特定修改字段。

当您确认时，同一模块中的所有其他项目会自动更新。这是一种使您的样式保持一致并在所有项目中应用单一操作应用更改的快速方法。

扩展属性解锁真正的设计灵活性

Divi 5的扩展属性为您提供了更快，更专注的方式来进行设计更改。从按钮和标题到边界，内容甚至嵌套元素，您都可以完全控制复制的内容以及它的去向。

它跨不同的模块，布局部分和设计级别工作，同时使工作流程平稳有效。但是，只有自己尝试一下，您才能相信它。因此，今天在Divi 5中尝试扩展属性，并在下面与我们分享您的经验！