使用博客模块与Divi 5的循环构建器

博客模块是Divi的内置饲料生成器，可以从开箱即用。它为您提供了一种快速的方法，可以列出标题，图像，摘录和元数据的帖子。

Divi 5的新循环构建器采用了不同的方法。您可以使用任何模块设计该项目，然后将动态内容馈入其中。这两个工具都显示循环内容，但每个工具都在不同的情况下发光。知道什么时候可以节省时间并防止挫败感。让我们比较两者。

订阅我们的YouTube频道

迷你词汇表

对于循环构建器概念的初学者来说，这是一组简短的术语：

• 自定义帖子类型（CPT）：一种自定义内容类型，例如产品或课程。它的行为就像帖子，但可以拥有自己独特的领域。
• 自定义字段：您将字段添加到帖子，页面或CPT中。食品菜单的示例可能包括价格，评级，面筋/过敏声明和辣水平。
• 中继器字段：一个存储单个帖子中的项目列表的字段。考虑可能有效的次级列表。
• 现场插件： ACF是常见的选择，但是POD ， META框， ACPT和工具集也可以使用。

如果您迷失了一些细节，请参阅此词汇表。但是，一路上我们会让您简单。

使用博客模块显示简单的帖子和帖子类型提要

博客模块是为可识别的博客模式而构建的。它假设了共同的元素，并让您切换显示内容，保持设置快速并简单。

考虑一下博客帖子在WordPress中的工作方式。每个帖子都分享某些常见元素，使其可以识别为博客内容。这些共享特征包括：

1. 1. 帖子标题
   2. 特色图像
   3. 发布内容
   4. url sl
   5. 作者
   6. 类别
   7. 还有更多

博客模块的设计考虑了传统的帖子。标题告诉您帖子涵盖了什么。特色图像添加了视觉吸引。摘录预览内容。元数据说是谁写的以及何时写的。

Divi的博客模块自动与这些元素同步。您将其放在页面上，选择要显示的内容。该提要根本没有自定义查询工作（除非您想限制所显示的内容，在这种情况下，如果有内置的查询工具）。

切换方法使变化无痛。您可以隐藏作者，但请保留日期，显示图像或跳过摘录。小决策会产生快速的结果。

自定义帖子类型：有限但功能性

博客模块可以显示普通帖子，并正确注册自定义帖子类型。

当CPT反映标准帖子字段时，博客模块正常工作。当您需要真正的自定义数据时，它会限制。因此，当事情变得简单时，团队成员CPT可以工作。

• 名称映射到标题。
• 爆头/头像映射到特色图像。
• 生物映射到内容。

博客模块轻松处理这种情况。

自定义字段

默认帖子无法共享的任何字段都出现限制。

社交链接，认证或多年经验不会出现在博客模块中，因为它是为默认WordPress博客文章中的标准字段构建的。对于这些自定义字段，该模块没有切换。

自定义布局

布局控制也受到略微限制；该模块按固定顺序包装固定结构中的元素。除非您使用自定义CSS，否则您不能重新排序标题和图像。您可以通过FlexBox或Block管理每个博客卡的布局，但是子项目（卡）没有用于儿童Flexbox控件的尺寸设置（例如缩小或成长以填充）。

博客模块非常出色，可以快速用于标准卡布局。如果您有一些创造性的错误，您可能会发现自己正在寻找更自定义的东西。

自定义帖子类型 +使用循环构建器的自定义字段

Divi的Loop Builder为您提供了显示动态内容的不同方法。 Loop Builder无需在具有预定元素的单个模块的约束中工作，而是使您可以按照您设想的单个Divi模块构建内容显示。

使用循环构建器需要更多的思考和准备，但是您不会在博客模块的方式上受到限制。借助博客模块，您可以在现有的约束中工作，并尽最大努力。使用Loop Builder，您可以从空白的画布开始，然后使用Divi模块的任何组合来构建所需的内容。

循环构建器的工作方式

循环构建器不是一个模块。它是一个包含您选择的模块的容器。当容器设置为“循环”时，它将为每个匹配结果重复。在容器中，您可以放置​​图像，标题，文本和按钮模块。

您将每个模块的内容绑定到正确的令牌。 Divi的UI使它变得非常简单。图像指向特色图像。标题指向标题。按钮链接到帖子URL。

这种模块化方法可为您提供结构和间距控制。您可以将图像放在标题上方或旁边。您还可以为两个自定义字段添加两个文本块。这样，您可以构建所需的卡，而不是通过模块预配合的卡。

定制帖子类型和自定义字段的示例

让我们用几个快速场景制作混凝土。我们将保持模式并交换字段。让我们使用上一个示例中的卡设计，看看如何使用自定义帖子类型和自定义字段对其进行调整。

首先，为标准博客文章构建自定义循环。使用标题，类别，发布日期和特征图像的标准字段使用“邮政类型”的“帖子类型”。将每个映射到设计中的各个模块。这些使用标准的后字段，但以独特的布局排列。

对于一些简单的房地产清单，我们可以做类似的事情。使用相同的卡片布局，我们可以从定制帖子类型中填充内容，并将标题分配给属性标题，分配给卧室，浴室和属性说明的文本模块以及绑定到属性列表URL的按钮。

最终结果看起来像我们的博客卡，但使用了循环构建器从自定义字段和自定义帖子类型中分配内容的能力。

所有这些关于CPT的话题，您如何制作这些话题？高级自定义字段（ACF）是这里的首选。 POD，META框，ACPT和工具集还会创建循环构建器可以读取的字段。使用适合您的预算，经验和堆栈的内容。

房地产网站的注释：您需要使用专用插件，该插件将列表从IDX中删除到WordPress中。这样，您就可以拥有新的数据和最少的手动工作（没有人希望每天早上手动输入属性）。

自定义布局的Flexbox

Flexbox自然与循环构建器对。您可以在两个层次上使用它，以实现无定制CS的干净，响应式结构。

首先，样式外循环容器。选择循环父容器。打开Flex布局。将方向设置为行。如果需要多个挠性行，请启用包装。设置缝隙以控制项目之间的间距。然后，使用尺寸选项调整循环座位的子容器的尺寸。您可以在容器flex控件和子弹性控件之间为循环元素创建响应迅速而有吸引力的布局。

其次，样式的内卡布局。选择循环项目内的根容器（例如，列或组模块）。在布局选项中，如果您需要并排一些元素，请将弹性方向设置为行。设置图像模块的宽度，以占用容器中的空间的一半。让文本区域（在这种情况下，一个内部有各种模块的组容器）填充其余部分（成长以填充组模块尺寸选项）。

您可以根据需要安排各种容器或模块。您没有锁定进入预配置的布局。在这里，我们将标题放在左组中，并将右组设置为Flex列。这为我们带来了布局的细微而独特的变化。确实不乏可能性。

为您的项目选择合适的工具

这与原始功能无关，而更多地是找到合适的合适性。选择满足要求的最快路径。需要更改时切换工具。有时，博客模块会解决问题，但是如果没有，则与循环构建器有一个很强的枢轴。

当博客模块理想时

当内容遵循标准的帖子模式时，访问博客模块。标题，特色图像，摘录和基本元是其最佳位置。基本新闻网站，公司更新和简单的投资组合资格。访问者期望传统的布局，您可能需要使用最少设置的可靠解决方案。

使用博客模块，您可以在几分钟内发货。较少的活动部件也意味着破坏事物的机会更少（或感到困惑）。

可能仍然在“循环”概念上丢失的非技术用户仍然在很大程度上依赖博客模块。这是一个很棒的工具，应该绝对使用。

当循环构建器成为必不可少的时候

当您需要帖子没有的字段时，或者您的卡结构与库存模式不符时，请使用循环构建器。电子商务，房地产和教育是典型的行业，往往需要更多的自定义。每个都需要在自定义字段中使用的详细信息。当您使用更多内容或更多类型的内容时，布局往往需要更多的灵活性。

当内容关系变得复杂时，请使用循环构建器。您可能需要在一个视图中混合帖子类型并显示中继器的内容。

使用Divi 5构建自己的博客模块布局

Divi的博客模块仍然是运送标准提要的最快方法。 Loop Builder解锁自定义卡，自定义字段和中继器。循环构建器也可以被定制并模制成您想到的确切布局和设计，而博客模块在那里有一些限制。

关于此决定的最好的部分是，您可以将同时保留在工具包中，并根据工作选择。 Divi 5聚在一起，比以往任何时候都更强大（稳定）。如果您还没有使用过，请在下一个网站上尝试一下。公共Beta即将来临，这意味着现有的Divi网站即将接近批量测试现有网站的迁移。

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