引入Divi 5的属性管理

已发表: 2025-05-17

我们很高兴发布Divi 5的属性管理，该管理可以选择性地或集体复制，粘贴和重置元素的属性。对于任何建筑商来说，这是最全面的属性系统！

您可以从一个元素复制样式，预设和内容，然后将其粘贴到另一个元素上。您可以在字段或组级别复制属性并将其粘贴到元素级别。

您甚至可以通过右键单击菜单选择性地管理组级属性，例如，您可以重置元素的某些方面或部分。

您可能想知道这一切的含义，所以让我向您展示它是如何工作的。

1副本，粘贴和重置属性
- 1.1复制属性
- 1.2粘贴属性
- 1.3粘贴选择性组属性
- 1.4重置属性
- 1.5组，选项卡和字段属性
- 1.6新键盘快捷键
2今天尝试Divi 5
3偷看：与HSL相对颜色
另外4个Divi 5更新正在途中

轻松复制，粘贴和重置属性

在Divi 4中，您可以复制，粘贴和重置样式。在Divi 5中，我们将属性管理提高到一个全新的水平，具有更具体性的复制，粘贴和重置每个属性类型（包括样式，预设和内容）的能力。

这是一个重大的改进，尤其是考虑到Divi 5专注于基于预设的设计。

复制属性

右键单击任何元素，然后单击“复制属性”按钮以将其所有属性复制到剪贴板，包括预设，内容和修改样式。您可以从模块，选项组，选项卡或字段复制属性。

一旦将属性的集合保存到剪贴板上，您就可以选择性地或集体以各种方式粘贴它们。

粘贴属性

右键单击任何元素，然后悬停在粘贴属性菜单上，以访问Divi的新粘贴选项。根据剪贴板中哪些类型的属性，您可以粘贴不同类别的属性。相关属性将映射到目标元素，而不支持的属性将被忽略。

粘贴所有属性- 粘贴所有属性，包括您从源元素复制的内容，预设和修改样式。
粘贴设计属性- 您从源元素复制的所有与设计相关的属性，包括预设和修改样式。
粘贴样式属性- 仅粘贴您从源元素复制的修改样式。
粘贴内容属性- 仅粘贴您从源元素复制的内容属性。
粘贴预设- 仅粘贴您从源元素复制的预设。

例如，在下面的视频中，当我从blurb模块中复制属性并在另一个不同的blurb模块上使用粘贴所有属性选项时，将逐渐变化。

由于我复制了所有内容并粘贴了所有内容，因此我从本质上创建了一个重复的模块，但这说明了属性管理系统的工作方式！

另一方面，如果我选择所有设计属性选项，则只会粘贴预设和样式，而模块的原始内容属性完整。重新访问我们以前的示例，您可以看到粘贴设计属性会带来原始模块的样式，而不会在下面的视频中覆盖其内容。

粘贴选择性组属性

属性粘贴的粒度进一步发展，可以通过顶级右键单击菜单选择性地将任何属性类型选择为特定选项组。

例如，在下面的视频中，我想在新的联系模块上使用该按钮预设。

我可以从第一个模块复制属性，而不是打开模块设置，而是导航到按钮选项组，然后选择我所需的预设，然后使用粘贴选择性预设菜单选择性地粘贴按钮预设。

重置属性

重置属性时，可以使用相同的控制级别，从而使您可以快速重置特定类型的属性。

重置所有属性- 重置所有属性，包括内容，预设和修改样式。
重置设计属性- 重置所有与设计相关的属性，包括预设和修改样式。
重置样式属性- 仅重置修改的样式。
重置内容属性- 仅重置内容属性。
重置预设- 仅重置预设。

例如，在下面的视频中，您可以看到重置所有预设将从模块中删除所有预设，同时保留其内容和修改样式完整。

此外，我可以为特定选项组选择性地重置不同类型的属性。回到我以前的示例，在该示例中，我将按钮从一个模块复制到另一个模块，重置该特定的预设同样容易。

我可以通过右键单击菜单选择性地从按钮选项组中重置预设。

组，选项卡和字段属性

相同级别的控件已扩展到选项组的右键菜单，使您可以选择性地粘贴和重置特定类别的属性类别。

新的键盘快捷键

最重要的是，我们为所有这些操作添加了键盘快捷键，并在右键单击菜单中浮出水面，以易于使用。

今天尝试Divi 5

Divi 5的属性管理今天可以使用，这是今年将进入Divi的许多功能之一。

您可以随着我们的进展，通过Divi 5及以后的最终版本，每两周更新一次。根据您的优先级，您现在可以使用Divi 5来构建新网站或等到我们添加更多功能，任何最适合您的功能。

如Divi 5的原始多相发布时间表中所述，Divi 5公共alpha就像“ Divi 5 Lite”。它缺少一些功能，并且可能不适合现有网站，但是如果您更喜欢Divi 4的体验，就可以在新网站上使用。

我们希望您尝试一下，如果您喜欢它，请使用它；当每个人都喜欢它时，我们将正式进行。

偷看：HSL的相对颜色

我们正在快速构建功能。每次我们完成新功能时，我们都会启动一个新功能。每当我们启动新功能时，我都会让您偷看。

如果您错过了它，请查看上周的功能偷窥，我在那里用HSL展示了相对颜色。

我们正在大修Divi的颜色领域，并引入HSL支持，以精致的关注颜色变量。使用新的色调，饱和度和轻度控制，您可以根据网站的全球调色板轻松创建相对颜色，以设计数学上美丽的颜色系统。

观看此视频以获取所有细节。