Divi 5中的嵌套行与专业部分（以及为什么要贬低它们）

长期以来，Divi一直是建立美丽网站的强大力量。专业部分通过启用常规部分无法处理的复合物列结构来扩展Divi的布局功能多年。但是这种方法具有其复杂性和局限性，与Divi的旧短码框架深深地息息相关。

现在，Divi 5带有嵌套行 - 一种本机功能，可让您在常规部分内的任何地方将行放置在列中。此功能删除了以前的约束，并在单个灵活的部分类型下统一了布局构建。使用嵌套行，您可以构建专业部分允许但更直观的相同复杂的，不对称的布局。

在这篇文章中，我们将讨论远离专业部分的转变，以及如何嵌套的行和Divi 5的重新设计布局系统为创建复杂的布局提供了更好的方法。 Divi的未来就在这里，它更简单，更灵活，并且为无限的创造力而构建。

订阅我们的YouTube频道

Divi 5已准备好今天在新网站上使用。

专业部分的回顾

Divi（2014）引入了专业部分，以解决常规部分的局限性。他们允许更复杂的色谱柱结构，包括侧栏和不对称布局，而常规部分是不可能的。

Divi的基于快捷代码的框架从根本上限制了布局复杂性，通过限制嵌套深度并引入性能瓶颈。复杂的嵌套布局很难构建，并且容易出现问题，因此直到专业部分才有可能。

但是，他们引入了额外的复杂性，因为专业部分是他们自己的事情（请注意这些部分的额外列和CSS选项）。这些还不错，但是它们的行为肯定与常规部分，行和列不同。

专业部分添加了额外的填充和CSS类/ID字段，这些填充物是必要的，但与其余的构建器选项不一致。

专业部分通过弯曲短代码规则，启用了伪内列结构，从而在常规部分中创建了不可能的内容。

如果常规部分足够强大，可以做您需要的事情，那不是很好吗？

嵌套行和更好的构建页面的方法

使用Divi 5，嵌套行正式允许将行（及其列）放在其他行和列中。这意味着您可以在彼此内部使用无限的列和行创建深度嵌套的布局。它消除了对专业部分的需求。

此新功能还为列增加了尺寸选项，这意味着有一种一致的方法和样式的所有容器元素。

如何轻松地使用嵌套行重新创建专业区

踏板车出租布局包（尤其是主页的英雄部分）使用专业部分来定位关键元素。但是，我们将使用嵌套行来实现类似的效果，而不是使用其独特设置的专业部分。

注意：Divi 5当前有专业部分，但最终将被弃用（但它们仍然可以工作，并且在当前存在的页面上可以重复）。

将标准部分添加到您的页面上，并将背景颜色设置为黑色（如果将布局导入到页面上，则具有用于使用顶部位置和实际尺寸的背景图像的点圈映像）。

将部分的宽度和最大宽度设置为100％。

确保该部分内的行具有两列结构和3/5 + 2/5拆分。另外，将行的宽度和最大宽度设置为100％。

如果要使用其他新功能，请仅添加一个内部有两个模块组的单列。您将对组使用尺寸选项，而不是依靠Divi的默认列结构。

左列将容纳更复杂的一侧（就模块而言），右柱将容纳大型图像。

我们将添加所有模块以了解布局。首先包括标题或文本模块，然后包括一个嵌套行（宽度相等的两个列），左列中的图像模块以及右列中的文本模块和一个按钮模块。返回到右列中的父行，添加一个图像模块。

我们将仅在桌面上复制间距/尺寸，以说明如何使用嵌套行重新创建专业部分。继续添加内容和图像（同样，将布局导入到网站上的页面时，图像可用）。您还可以修改文本和颜色样式以匹配合适的情况。右列中的主图像应作为背景图像应用，并带有带有强调图像的图像模块，我们将在以后获取。

对于本节下方的行的左列，添加约10％的左填充以使其从左侧伸出（这样做意味着您需要为每个断点进行调整大小）。

现在，直接在父行下方打开右列的设置。使用列背景图像。

本列内的图像模块应具有过滤器>混合>覆盖层设置为其。在高级>位置，图像是绝对定位的，并固定在左下方。

这几乎是为了娱乐专业部​​分（在桌面上）。由于我们使用了预设列结构（3/5 + 2/5列），因此Divi在需要解决的各种断点处具有一些默认的尺寸和定位。您可以通过使用单亲列，但模块组将本节左右两侧的内容组成。

但是至少在这一点上，您知道可以筑巢并重新创建专业部分。

进入新未来

Divi 5接近Beta版本，但是我们已经为大修Divi的设计系统做出了巨大努力。

• Flexbox布局（即将推出） ：将提供对行内空间的对齐和分布的更多控制。
• 嵌套行：无尽的行和列结构的嵌套，以与基于本机浮点的行系统创建相当多的复杂性。
• 高级列尺寸：添加了用于列宽度和高度的缺少尺寸控件。
• 模块组：启用模块分组，以更轻松地管理和样式。
• 设计变量：在所有元素和字段中定义和重复使用全局变量（颜色，字体，间距，图像，文本）。
• 带有HSL的相对颜色（即将推出） ：基于色调，饱和度和轻度的动态，品牌一致的颜色控制。

这些功能都是Divi重新发明的一部分，并且与其复出至关重要。我们证明，我们过去两年中建立的基础值得。我们可以构建D4不可能的功能，并且我们在几周内就可以制作每个功能。

Divi 5已准备好今天在新网站上使用。

下载Divi 5learn更多有关Divi 5的信息