ACF vs Divi设计变量：何时使用

借助Divi 5的最新Alpha版本，设计变量已进入Divi生态系统，作为在网站上管理设计和内容值的一种新方法。这使我们的用户兴奋，尤其是那些多年来一直依赖高级定制领域（ACF）的人。您应该坚持使用ACF还是切换到Divi的变量？还是可以同时使用两者？

这篇文章解释了差异以及何时应该使用。让我们开始！

Divi 5已准备好用于新网站构建。

什么是Divi设计变量？

构建网站时，您通常会在许多页面上重复使用相同的信息，从颜色到字体样式，联系方式等等。设计变量可帮助您从一个中心位置管理这些共享元素。与标准的ACF字段不同，设计变量与特定于后的内容无关，它们充当全局设计和内容值，而不是动态内容字段。

您没有挖掘每个页面进行次要更新，例如更改电话号码或调整背景颜色，而是一次更新一个变量，并且整个网站自动更改流量。

是否想将品牌颜色切换为季节性促销？更改单个变量。需要更新您的页脚文字或徽标吗？一个编辑会立即更新每个实例。借助Divi的设计变量，您不仅更快地进行样式，而且更聪明。

构建更聪明且易于更高的网站

标准ACF字段通过创建与特定帖子绑定的自定义字段来改善WordPress用户如何构建设计和内容。 Divi的设计变量采用完全不同的路线。它们是全球可访问的设计值，可以立即在任何地方更新。最初的区别可能看起来很微妙，但是它会改变您构建和维护WordPress站点的方式。

ACF带来了什么

高级自定义字段（ACF）允许您在其核心版本中为您的页面和帖子添加额外的数据字段。您不仅获得了基本标题和内容框。 ACF为您提供图片，文本块，文件，下拉菜单等的特殊字段。

您可以将相关字段捆绑到项目的逻辑组中。例如，您可能会成为一个工作人员组，其中有职位，部门，照片和生物的位置。或使用用于规格，定价和功能列表的字段创建产品详细信息。

这些现场组与自定义帖子类型非常有效。将它们结合起来时，您可以构建特殊内容部分，例如团队目录，服务列表或属性目录，每个内容都具有适合该内容的正确字段。

人们之所以喜欢ACF，是因为它可以平稳地适合常规WordPress管理区域。您的自定义字段在普通编辑屏幕上显示，这使得不精通技术的客户更新内容变得容易。

选项页面：您的网站范围控制面板

ACF选件页面（在ACF Pro中可用），让您创建一个与特定内容相关的常规ACF字段不同的网站范围信息的中心位置。此功能非常适合：

• 联系信息
• 重要链接
• 营业时间和地点
• 默认图像和徽标

当某些东西发生更改（例如电话号码）时，您只需要在“管理员”部分中更新一次。更改将立即显示在您网站上的任何地方。值得注意的是，您将需要ACF Pro使用选项页面。

与Divi的深入整合

标准ACF字段通过Divi的动态内容系统很好地与Divi配对。当您在Divi Builder中制作页面时，您可以从ACF自定义字段中获取信息。该团队合作使您可以将Divi的设计工具与ACF的内容管理一起使用。

这是该过程通常工作的方式：

• 使用ACF设置自定义字段
• 用WordPress中的内容填充这些字段
• 在Divi中设计您的页面布局
• 将您的ACF内容连接到Divi模块

Divi和ACF的这种组合创造了有用的分离。内容编辑器可以在干净，有组织的界面中更新信息，而设计人员可以构建布局，而不会在内容管理详细信息中陷入困境。

灵活的方法

标准ACF字段可用于您的技能，无论您是代码还是喜欢视觉工具。开发人员可以使用模板函数在自定义主题中显示字段值。如果您不编码，您仍然可以在不知道PHP的情况下将ACF字段与诸如Divi之类的构建器使用。

这种灵活性使标准ACF字段适用于基本业务网站和复杂项目。您可以从简单的功能开始，并在学习和网站增长时使用更高级的功能。

Divi设计变量的灵活性

Divi 5设计变量使网站管理变得更加简单。他们存储设计选择和可重复使用的内容，您可以在网站上的任何地方使用。当您更新一个变量时，它在使用它的任何地方都会更改。

通过单击Divi 5的Visual Builder侧边栏中的变量图标来找到变量管理器。它使您可以在一个地方管理所有设计元素。

六种类型的设计变量

Divi 5包括六种不同类型的变量，以帮助您网站的各个方面：

• 颜色变量：保持您的品牌颜色，文字颜色和背景
  • 您可以清楚地命名它们，例如“珊瑚腮红”或“香槟金”
  • 将它们用于按钮，文本，背景和边界
  • 然后，您可以通过更新这几个变量来更改整个配色方案
• 字体变量：设置排版选项超出主题定制器
  • 您可以为标题，身体文本或特殊区域创建单独的字体设置
  • 这使您的网站上的排版保持一致
  • 如果需要，您可以一次更新所有字体
• 数字变量：设计中使用的商店测量值
  • 非常适合间距，边界，大小和文本维度
  • 使用Clamp（）等CSS单元进行响应式设计
  • 这些帮助您在任何地方保持间距和尺寸稳定

Divi 5变量还处理整个网站中显示的内容：

• 图像变量：存储在多个地方使用的图片
  • 非常适合徽标，背景图案和照片
  • 更新图像一次，而不是在每个页面上
  • 进行季节性更新或更快地重新品牌
• 文本变量：保存出现在许多位置的书面内容
  • 对于联系信息，标语和工作时间有用
  • 更改文本一次以更新到处
  • 细节更改时保持信息一致
• 链接变量：存储按钮和菜单的URL
  • 用于操作按钮，社交媒体链接和导航
  • 避免使用网络地址更改时断开的链接
  • 添加新页面时立即更新所有相关按钮

现实世界的好处

设计变量节省了时间并减少错误，因为它是视觉上的。当客户想要更改其网站颜色时，您可以仅更新颜色变量，以及与该颜色（按钮，背景和文本）的所有内容都立即在整个网站上更改。

这些变量与Divi的预设系统很好地工作。将变量添加到模块预设中，当您更新变量时，每个具有该变量的模块会更改。

对于在所有设备上看起来都不错的网站，具有CSS功能的数字变量（例如Clamp（）可以帮助您的布局适合任何屏幕尺寸，而无需单独的设计。当多人在网站上工作时，设计变量使每个人都使用相同的设计规则。无论谁进行更改，这都可以帮助该网站保持一致和专业。

他们如何比较

在比较标准ACF字段和Divi的设计变量时，我们正在研究使网站更易于管理的两种不同的方法。让我们分解它们的核心差异：

当您需要在帖子和页面之间更改的结构化内容时，标准ACF字段会发光，而Divi Desive变量则保持范围内的设计一致性。在某些方面，ACF选项页面（ACF Pro中可用）和Divi Design变量相似：

重要的是要了解，Divi设计变量并没有尝试做ACF Pro所做的一切。他们为您提供另一种存储和使用相同信息的方式。 ACF仍然可以做很多Divi变量无法做到的事情：

Divi变量非常适合简单的工作，例如更改联系信息，将照片与季节交换或更新您的品牌颜色。 ACF非常适合除了设计元素之外需要专业内容管理的网站，例如创建自定义字段和帖子类型。同样，ACF Pro可用的ACF选项页面是Divi设计变量的更成熟版本。

但是，Divi的设计变量以无需额外费用内置在Divi 5中。您可以在已经使用的构建器中设置颜色，字体，文本和图像。无需额外的插件或学习新系统。您的项目要求应指导哪种系统在您的工作流程中扮演主角，但请记住，尽管它们的表面相似性，但这些工具仍解决了根本不同的问题。

ACF和Divi变量可以一起工作吗？

是的。您实际上可以在同一网站上同时使用标准ACF字段和Divi设计变量。他们一起工作得很好，因为他们处理网站的不同部分。当您将它们配对时，标准ACF字段可以处理复杂的数据关系，例如房地产网站，以及与代理，邻里和定价自定义字段相连的属性清单类型。

同时，设计变量可以使您的品牌颜色，排版和间距在每个页面和帖子模板中保持一致。这意味着您的网站具有强大的数据管理和视觉一致性。

您的内容编辑器可以使用ACF熟悉的字段来更新属性详细信息或定价，而您的网站则通过Divi的设计系统保持其专业外观。这种组合为您提供了比任何一个工具所能提供的更好的控制权。

关键是知道每个作业要使用哪种工具。通过了解他们的优势，您可以建立具有复杂内容结构的网站，这些结构仍然保持着凝聚力的视觉标识。让我们看一下这些工具如何一起解决常见网站问题的真实示例。

用例1-本地商业网站，具有季节性更改

当地的面包店网站需要结构化的内容和季节性设计更新。我们以实用的方式将标准ACF字段和Divi设计变量组合在一起。

标准ACF字段处理面包店的产品目录，并具有自定义邮政类型和字段：

• 项目
• 项目描述
• 成分和过敏原信息
• 定价层
• 可用性状态

这些细节会改变每种产品，因此ACF的结构化方法完美地运作。面包店员工通过ACF熟悉的WordPress接口更新产品信息。

同时，Divi设计变量管理季节性设计元素：

• 随着季节改变的配色方案
• 假期促销横幅文字
• 主页上的特色产品图像
• 每月刷新的背景模式

当秋季到来时，面包店老板只是将季节性颜色变量从夏季粉彩更新为秋季色调，整个网站都会立即刷新。

背景图像更改以显示以秋季为主题的装饰，而无需使用图像变量单独编辑每个页面：

这种设置为面包店提供了两者中最好的：通过标准ACF字段结构化产品数据，并通过Divi的设计变量快速季节性刷新。

用例2-摄影作品集网站

摄影业务网站需要平衡有组织的客户画廊与一致的视觉品牌。这是标准ACF字段和Divi设计变量解决这一挑战的方式。标准ACF字段管理结构化内容方面：

• 客户项目画廊作为自定义帖子类型
• 自定义字段：
  • 带有详细定价字段的服务包
  • 带有客户名称的推荐收集
  • 项目类型
  • 设备规格

摄影师通过ACF的界面更新每个客户库，并补充：

• 项目日期和位置
• 基本信息
• 图像排序和分类

同时，Divi设计变量处理品牌一致性：

• 所有标题和身体文本的版式系统
• 在所有页面上都应用品牌调色板
• 一致布局节奏的间距值
• 画廊网格设置用于统一演示

需要品牌刷新吗？摄影师更新了一些设计变量，整个站点都会发生变化。画廊由于数量变量而保持间距，每个项目都归功于ACF。

当婚礼季节忙碌时，摄影师将一个文本变量更改为预订状态，并在网站上到处更新。不再检查每个页面以修复相同的文本。这种组合使照片和客户端信息（在ACF中）与网站的外观（带有设计变量）分开，因此摄影师可以正确获得结构和外观。

为您的项目做出正确的选择

查看我们的面包店和摄影示例，我们可以看到这些工具应对不同的网站挑战。面包店老板更新产品信息，同时毫不费力地交换季节性颜色。摄影师井井有条，只需单击几下即可更新网站的外观。

有些站点只需要其中一种工具，而另一些网站则可以更好地工作。一件事很清楚：在标准ACF字段和Divi设计变量之间进行选择不一定是一个或决定。

Divi 5为您的工具包添加了另一个有用的选项。无论您是构建简单还是复杂的东西，您现在都有更多的方法来创建看起来不错且运行良好的网站。

开始更聪明地建造

最重要的是，Divi 5的设计变量和标准ACF字段每个都解决了不同的问题，同时有一些重叠（尤其是与选项页面）。需要在您的网站上快速设计更新吗？设计变量发光。想要有条件逻辑的强大内容管理吗？标准ACF字段交付。

许多站点都可以并排使用两个工具。 ACF选项页面更适合管理复杂的内容需求。设计变量并不是要完全替换选项页面，而是对于大多数具有简单要求的用户，它们可能是一个强大的选择。

Divi 5现在可以使用设计变量功能 - 无需额外费用，不需要编码，并且可以为您的下一个项目准备。

请记住：Divi 5最适合新网站。我们不建议将现有站点转移到Divi 5。