关于Divi 5的属性管理，您需要了解的一切

Divi 5引入了一种简化的构建网站的方法。从字体到颜色再到间距，每个设计都会调整，毫不费力地在您的网站上流动，节省了数小时的重复工作。 Divi 5的属性管理功能使您可以更快地构建网站，并具有更高的灵活性，从而使其成为Divi 5 Alpha阶段的实用新功能推出。

在这篇文章中，我们将深入了解有关Divi 5的属性管理所需的所有信息 - 它是什么，是什么使它对设计师如此有用，以及如何使用它来更快，更有效地构建凝聚力，专业的网站。

Divi 5已准备好在新网站上使用，但我们不建议将现有网站转换为Divi 5。

让我们潜水。

Divi 5中的属性管理是什么？

Divi 5中的属性管理是一项功能，可以改善Web设计人员在其网站上管理和应用样式，预设和内容的方式。无论您是要更改按钮的排版样式，复制整个CTA模块的样式，还是将部分的外观重置为默认的外观，属性管理使过程比以往任何时候都更加容易，更快，更直观。

此功能集成到视觉构建器中，并可以通过右键单击菜单和设置面板访问。这种方法是Divi基于预设的设计方法的基石。

属性管理的关键组成部分

属性管理建立在两个关键支柱上：颗粒控制和预设整合。

粒状控制属性

设计人员可以在多个级别上管理属性 - 元素，例如整个CTA模块，选项组预设（版式或边框样式），选项卡（设计，内容或高级）或单个字段（例如按钮的背景颜色）。这种灵活性可以进行广泛而精确的调整。例如，您可以将模块的所有属性或选择性粘贴的所有属性复制到另一个元素中，从而确保您在没有不必要的更改的情况下精确地应用了所需的内容。

与选项组和元素预设集成

属性管理与Divi 5的预设系统并驾齐驱。选项组预设是可重复使用的样式集（例如背景，边框或填充样式），可以在多个模块上应用于网站的一致性。

另一方面，元素预设是预先使用的设计软件包，可与设计模块（例如blurb，cta，手风琴或滑块）一起使用。属性管理使您可以复制并粘贴这些预设或它们的属性，从而易于复制复杂的设计或在网站上更新特定样式。

为什么属性管理很重要

属性管理使设计师和开发人员可以通过Divi更快，更有效地构建网站。在保持精确度的同时，应用预设或复制属性可以快速原型制作和大规模样式更改。作为Divi 5预设驱动的框架的骨干，它可以轻松地专注于创建美丽，具有凝聚力的网站。

了解Divi 5中的预设

预设是Divi 5高效设计工作流程的基石，可以轻松实现一致，可扩展的网站。让我们探讨它们如何增强属性管理。

通过属性管理提高功能

通过将预设集成到副本和播放工作流程中，Divi 5允许设计人员：

有效地复制设计

元素预设使用户能够复制完整的模块设计（例如，一个完全样式的CTA模块），并将其粘贴到其他地方，从而确保使用单个操作来确保相同的样式和内容。粘贴元素预设可以立即将CTA的背景，排版和按钮样式应用于另一个模块。

应用目标样式

您可以复制并粘贴更多针对性的样式，例如选项组预设。复制和粘贴奇异设计元素的能力允许颗粒状控制，让设计人员在多个元素（例如边界，阴影或标题的设计设置）上复制和粘贴特定样式属性。这样可以确保范围内的站点一致性，而不会覆盖无关的属性，例如内容或布局。

通过减少手动样式来预设属性管理，从而使整个网站上的凝聚力设计变得更加容易。他们桥接各个元素和全球设计系统，实现快速更新和一致的样式。

实际例子

考虑一个方案，您要设计一个多页网站，并在CTA模块中使用一致的按钮样式。以下是预设和属性管理的方式：

首先，定义一个名为品牌按钮的选项组预设。使用属性管理，您可以从CTA中的按钮中复制此预设，并将其粘贴到有关我们部分，英雄或页面上的任何其他按钮中的按钮上。这样可以确保每个按钮在整个网站上都具有相同的外观和感受，并完好无损地设置。

属性管理如何工作

Divi 5的属性管理系统通过模块，列，行和部分复制，粘贴和重置属性的工具简化了样式和管理设计元素。

复制属性

该过程很简单。右键单击任何元素 - 模块，列，行或部分 - 然后选择复制属性。这将捕获所有属性，包括内容，样式和与模块相关的任何预设。另外，您可以在Windows计算机上使用键盘快捷键（Mac或Shift + Alt + C上的Shift + Command + C）来复制样式，而无需访问模块的设置。

要获得更多粒状控制，您可以在现场，选项组或元素预设级别复制属性，以获得更精确的控制。例如，您可以前往标题模块的内容选项卡，并通过右键单击特定字段组来复制标题，链接，背景或admin标签属性。

属性也可以从“设计”选项卡复制，从而可以易于复制选项组预设或字体，文本大小，字母间距等的设置。您可以仅复制所需的样式，而不必担心复制属性的覆盖设置。

您还可以在“高级”选项卡中复制属性，从而轻松复制CSS片段，显示条件，过渡，滚动效果以及一键定位。

粘贴属性

粘贴属性时，这个概念是相同的，但是还有更多选择。在Divi 5中，您可以粘贴所有属性，这些属性会将所有内容，样式和关联的预设从源模块的设置粘贴到新的属性。类似于复制属性，您可以使用键盘快捷键粘贴它们 - 在Windows上的Mac或Shift + Alt + V上的Shift + Command + V-单击一次。

您还可以仅粘贴某些属性，例如标题模块的设计设置，该设置复制了设计标签中的所有设置 - 文本阴影，字体，标题大小，间距，边界等。

同样，您只能粘贴模块的样式设置，其中包括间距（填充或边距）和尺寸。

如果您只想将相同的内容从一个模块粘贴到另一个模块，请选择“粘贴内容属性”，而Divi将用模块中的现有内容替换上一个从上一个中复制的内容。

最后，如果源模块具有任何相关的预设，则选择粘贴标题预设将将关联的预设应用于模块，并在预设下拉菜单中分配。

除了粘贴样式，设计设置和预设外，您还可以选择粘贴的特定属性。例如，您可以选择粘贴设计，样式或内容属性，而Divi 5将在附加菜单中填充选项，从而可以选择要粘贴的特定设置。

重置属性

Divi 5的属性管理系统允许您完全或仅重置任何模块的属性。

例如，您可以重置所有属性 - Windows上的Mac或Shift + Alt + R上的Shift + Command + R-单击一键删除所有内容，样式和任何关联的预设。

但是，您可以重置某些属性，例如样式或设计设置。为了更具体，您只能重置选择样式，设计或应用的内容设置，例如间距，滚动动画或CSS片段。

实际应用和利益

我们已经证明了为什么属性管理是Divi 5所需的补充。在下面，我们探索关键用例，突出该功能的好处，并提供一个实用的示例，以说明其对培养简化工作流程的影响。

用例

属性管理通过允许设计师在多个页面上复制和粘贴样式来确保品牌一致性。例如，如果您的品牌要求所有手风琴模块具有特定的字体和图标颜色，则可以从一个手风琴模块中复制属性并将其应用于所有情况。

属性管理使您可以快速复制并修改预设以测试设计变化。例如，您可以将元素预设复制为CTA模块，调整其颜色或布局，并将其应用于不同的模块以比较设计而无需从头开始。这加快了设计过程中的实验和迭代。

您还可以通过重置特定属性以与更新的设计指南保持一致来执行选择性更新。例如，如果客户端请按钮请求新的背景颜色，则可以重置CTA中按钮的按钮属性，创建新样式，然后将其粘贴到页面上的其他按钮，并留下其他样式，例如版式或边框，未触及。

好处

使用属性管理在Divi 5中构建您的网站有一些好处，包括：

• 他们节省了时间：属性管理消除了重复的手动样式，这是大型网站的主要时间。跨元素复制和粘贴属性或预设需要几秒钟，使设计师释放专注于创造力，而不是乏味的任务。
• 它们使您的设计可扩展：预设和属性管理使网站范围内的更新毫不费力。对选项组预设的单一更改可以在所有链接元素上传播，从而确保即使在具有数十个页面的庞大站点上也保持一致性。
• 属性提供精度：属性管理的颗粒状控制可确保仅复制，粘贴或重置所需的属性。这种精度阻止了不必要的变化，例如应用样式预设时覆盖内容，使设计师对其编辑充满信心。

技巧和最佳实践

采用智能策略和最佳实践对于最大化属性管理的潜力很重要。这些技巧将帮助您有效利用属性管理，确保有效的工作流程，一致的设计和平稳的设计过程。

学习属性管理接口

属性管理的最佳方面之一是它在视觉构建器中的深入集成程度。确保尝试每个快捷方式的作用，并花时间学习如何使用它们。每个选项都有特定的目的。例如，在悬停在标题模块上并右键单击时，您可以复制属性。

当您想粘贴这些属性时，有几种选择可供选择。例如，您可以粘贴所有标题的属性（包括设计，样式和内容）或粘贴特定属性或在任何具有标题的模块中选择性地预设。

从变量和预设开始

通过建立全球设计变量，默认的预设，元素预设和选项组预设，建立强大的设计基础。例如，为图像边界创建一个选项组预设，并为图像模块创建一个默认元素预设，以确保从一开始就确保一致的样式。这种主动的方法可以最大程度地减少返工，并将所有元素与您品牌的身份保持一致。

组织预设

清晰，描述性地命名，以避免在属性管理任务中混淆。例如，将选项组预设标记为圆形边框15px，而不是通用名称，例如样式1 。清晰的命名使得在复制或粘贴跨模块的预设属性时更容易识别和应用正确的预设。

检查断点

确保复制的属性（例如响应方式）与Divi 5的台式机，平板电脑和手机的可自定义响应断点保持一致。例如，在复制文本样式时，请验证它是否在视觉构建器的响应视图中正确地呈现在其他地方的响应视图中。这样可以确保您的设计在每个屏幕尺寸上保持抛光和功能。

遵循这些最佳实践，您可以利用管理层在Divi 5中创建一致，高效和专业设计。

释放Divi 5的应用程序管理的力量

Divi 5的属性管理功能通过使设计人员能够跨模块，列，行或部分复制，粘贴和重置属性来重新定义Web设计中的效率，从而为一致的品牌开发。它的颗粒状控制和直观的界面使其成为现代网络设计的基石，将复杂的任务简化为精确的动作。

您准备好自己体验属性管理吗？下载最新的Divi 5 Public Alpha，然后潜入此新功能，以了解它如何改变您使用Divi构建网站的方式。快速注意：Divi 5已准备好在新网站上发光，但我们不建议将现有网站迁移到它。

随着Divi 5继续具有令人兴奋的功能，例如查询循环构建器和Flexbox控件，现在是时候利用管理管理并将您的网页设计提升到一个新的水平。

我们很想听听您的想法。在下面的评论部分与我们分享您的经验，或通过在您喜欢的平台上标记我们在社交媒体上的对话。