在5分钟内将网站重新命名为扩展属性

重新命名您的网站不需要全面重建，尽管通常会感觉到这种方式。字体被卡在单独的部分中，颜色分布在各个部分中，并且间距隐藏在各个设置中。更新主页后，您会发现其他需要相同更改的页面。这是通常的例行程序，但是有一种更快的方法。

使用Divi 5中的扩展属性，您可以设计一个单个元素，并立即将其外观应用于各行，部分甚至整个页面上的每个类似模块。让我们浏览如何使用它来在几分钟而不是数小时内重新品牌重塑一个完整的网站。

Divi 5中的扩展属性是什么

扩展属性是一个Divi 5功能，可让您使用一个模块的设计并将其应用于其周围的其他元素或模块。这意味着，如果您已经设计了一个按钮，标题或文本块，则不必从头开始重新创建这些样式，因为您可以将它们扩展到其他元素。

这是它在实践中的工作方式。您首先要编辑视觉构建器中的任何模块。然后，而不是通过模块重复这些更改模块，而只需右键单击模块并选择扩展属性即可。

Divi会问您想要这些样式去哪里。确认后，所有匹配模块都采用相同的样式。扩展属性不会寻找匹配的内容，而是复制当前外观并将其应用于您选择的目标。

这使其成为推出设计更改的最快方法之一，而无需对每个块进行微观管理。它可以帮助您将重复的样式变成单个动作，无论您是从头开始构建还是重新命名整个布局。

扩展属性如何帮助更快地重塑品牌

我们将仔细研究如何单独使用扩展属性，并使用选项组预设来加快网站更名的过程。

使用Divi 5中的扩展属性

该过程很简单：样式一个模块，右键单击以选择扩展属性，并将这些设计选择扩展到每个类似模块，而无需两次打开单个设置面板。让我们以一个真实的示例来浏览它。

假设您想重新命名所有呼叫行动按钮。首先造型视觉构建器内部的一个按钮模块。

完成后，右键单击并选择“扩展属性”。 （我们选择了扩展按钮设计属性，因为我们只想扩展样式，而不是内容。您还会注意到许多选项，这些选项可帮助您微观选择特定的属性。）

扩展属性面板将打开，您可以从几个不同的选项中进行选择，以确定应如何以及在何处应用设计更改。

• （1）从元素延伸：您要从元素延伸的模块，例如我们的情况下的按钮。这是根据您右键单击的内容自动填充的。
• （2）扩展到位置：选择设计应该走多远。我们选择了整个页面，因为我们希望该页面中的所有按钮都可以更改。
• （3）扩展到元素类型：选择哪种模块类型应接收新样式。例如，只有按钮模块或所有类似的模块。
• （4）属性类型要扩展：指定要复制的内容。我们选择了设计属性并遗漏了其他人。
• （5）要扩展的选项组：确定要应用的选项组：文本，按钮，边框，间距等。
• （6）要扩展的修改字段：您还可以将选择仅限为一个样式属性或选择所有修改的字段以扩展您所做的所有更改。

选择首选项后，单击“扩展属性”，新样式将应用于页面上的所有其他按钮。

您是否注意到如何搜索匹配值？那是因为扩展属性不在乎原始样式是什么。它从所选模块中复制当前外观，并将其直接粘贴到您选择的位置中的每个类似模块上。

这就是使其对于布局包和现有网站如此有用的原因。扩展属性可为您提供一个样式的模块和一键单击，无论您是在调整字体尺寸，更新颜色还是调整间距。

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

使用带有扩展属性的选项组预设

当您在具有多个页面的网站上工作时，仅在视觉上复制样式还不足。您想要一个坚持的系统，这就是预设的地方。

预设可让您在任何模块中保存一组样式，并在您的网站上重复使用它们。将其与扩展属性相结合，您有一种快速，灵活的方式来重塑品牌，而不仅仅是整个网站。这种组合还可以帮助您对未来的网站进行防护，以便如果您需要再次重新品牌，则可以轻松地修改预设和所有使用的模块也将更新。

让我们回到按钮示例以了解其工作原理。

我们为一个按钮设计了一个全新的外观。现在，我们没有将设置作为静态值扩展，而是将其保存为预设。

这是扩展属性所在的地方。当您单击扩展属性时，您会看到保存的预设出现。如果您只想扩展选定的预设，请单独选择，或选择“扩展”按钮预设以携带所有预设。

当您扩展时，Divi不仅复制外观；它应用了您保存的预设在幕后。因此，它触摸的任何其他按钮现在都使用相同的预设。

为什么要添加另一步？这是对未来网站的影响的地方。假设在接下来的几个月中，您决定以后调整按钮样式。您想再次扩展样式吗？不，对吧？

好吧，您甚至不必这样做，因为您只需要更新一次预设即可。由于您的所有按钮模块都是使用相同预设构建的，因此使用它的每个实例都会自动更新。

另外，一旦保存，选项组预设也可以在其他页面上提供。因此，当您完成主页并移至他人的品牌重新品牌后，您只需应用保存的预设并在几分钟内将其扩展。

这就是为什么将选项组预设具有扩展属性是一种更具创新性的重塑方式的原因。您将获得视觉一致性和一个易于更新的系统，而无需重做您的工作。

了解有关选项组预设的所有内容

想自己尝试吗？您需要Divi 5，这将为新构建器带来扩展属性，选项组预设以及更多功能。它已从地面重新设计，以获得速度，控制和更平滑的设计工作流程。

如何重塑具有扩展属性的网站

现在，您已经看到了扩展属性的工作原理以及它如何与期权组预设配对，现在该将其应用于真实网站了。

在此演练中，我们将使用AI软件布局包。这是一个完整的网站，其中包含家庭，联系，联系和定价之类的页面。我们不是要在这里进行全面大修。这只是一个轻微的品牌重塑，我们通常在每月更新中会做的那种。

首先，查看定义网站视觉标识的元素，例如按钮，标题，漏洞和身体文本。这些模块显示在多个页面上，并具有大部分品牌个性。一旦重新设计了其中的几个，扩展属性就可以使您可以将这些变化推向各地。

让我们仔细阅读该更新的内容。

在整个布局上的视觉重塑键模块

我们将从主页开始，因为它为网站其余部分设定了基调。大多数网站都重复了多个页面上相同的设计模式，因此，一旦我们更新主页，您就会为其他所有内容提供基础。

扫描布局后，我们确定了塑造品牌外观的最明显元素。这些是按钮，标题，漏洞，身体文本和图像。由于我们已经将按钮重新命名，因此我们将从标题开始。

更名的标题模块

首先，自定义任何标题模块以反映您的新品牌。我将从H4S开始。

一旦您对样式满意，请右键单击模块，然后选择“扩展属性” 。选择整个页面和模块类型的范围。将更改应用于页面上的所有H4模块。

同样，您将重新命名H1，H2和H4S以统一排版，并在仅几下单击几下即可为您的网站提供一致的声音，而无需手动重新启动每个标题模块。

重新命名的身体文本以获得更好的可读性

现在让我们更新身体文本。首先选择具有段落块的任何文本模块。自定义以符合品牌的音调。当您对更改感到满意时，右键单击模块并选择扩展属性。选择在页面上的所有文本模块上应用更新。

这为您的段落提供了一秒钟的整个页面的一致样式，并消除了单独编辑每个页面的必要性。

更名为蓝色边界

接下来，我想添加一个边框以简化我所有的blurb模块。因此，我将对一列进行样式，然后右键单击“行设计”选项卡中的列，然后选择“复制样式” 。然后，将样式粘贴到下一列，依此类推。

您会注意到，我将行的布局更改为Flex和Divi会自动均衡列高度，无论其包含多少内容，都可以使Blurbs对齐。这是因为Divi现在支持Flexbox功能，这可以帮助您更快地构建响应式，智能的布局。

使用保存的预设更名

现在更新了主页，您无需从头重复该过程。您可以将部分或行复制到其他页面中，或者，由于您将新样式保存为选项组预设，因此您已经设置了。

您保存的预设将显示在所有页面上。

您需要做的就是在需要的地方应用它们，并使用扩展属性立即推动样式。没有手动编辑，也没有重复的设计工作。

您可以按照相同的过程重新命名网站上的其他页面。

扩展属性使您可以灵活地享受重塑品牌。当您想在页面上视觉上重复模块时，它们很棒。

但是，如果您需要在不同的模块上交换特定值，例如十六进制代码，字体大小或间距单元，则需要尝试查找和替换。它对于使用硬编码值的布局包特别效果。您可以使用查找并替换将这些变量交换为将来更新的灵活性。

专家提示：使用设计变量的扩展属性

扩展属性不仅复制静态样式；它还可以延续您保存的设计变量。例如，如果您已将标题字体变量分配给一个文本模块，则可以将该模块的设置扩展到页面上的所有其他文本模块。它们并不是每个携带硬编码值的标题，而是继承了相同的变量。

这意味着将来更新更容易：在变量管理器中调整一次变量，每个扩展模块会自动更新。这是将扩展属性与Divi 5的变量系统相结合的强大方法，以进行可扩展，范围范围的控制。

扩展属性可让您重新品牌而无需重建

更名不一定意味着重建。借助扩展属性，您可以将一个模块定型，然后将其涂在其余部分中，将数小时的编辑缩短到几秒钟。

无论您是使用布局包还是更新实时网站，Divi 5都可以为您提供最快的方法来刷新设计而无需触摸每个元素。