Divi 5的20个Flexbox标头（免费下载！）

Flexbox比以往任何时候都更容易创建看起来很干净的标题，并且可以很好地适应不同的屏幕尺寸，并且在Divi 5中非常易于自定义。在此免费包装中，您会发现20个独特的Flexbox标头设计，每个设计都使用Divi 5的Flex Layout System构建，以进行精确的对齐和响应式控制。无论您是要使用网站现有的全球样式还是从现成的设计开始，您都可以在此处找到两个选项。

预览和现场演示

让我们看一下此包中的所有20个Flexbox标头。此包可以免费下载帖子。

订阅我们的YouTube频道

查看现场演示

下载Divi 5的20个Flexbox标头

免费获取所有20个Flexbox标头，包括默认版本和PRESTY版本。每个标头准备将其导入您的Divi库，并在主题构建器中使用。只需下载并开始建造即可。

下载文件

免费下载

加入Divi新闻通讯，我们将向您发送终极Divi着陆页布局包的副本，以及大量其他惊人和免费的Divi资源，提示和技巧。跟进，您将立即成为Divi大师。如果您已经订阅，则只需在下面的电子邮件地址中输入您的电子邮件地址，然后单击下载即可访问布局包。

下载

您已成功订阅。请检查您的电子邮件地址以确认您的订阅并获取免费的每周Divi布局包！

包括什么（42个出口）

下载并解压缩文件夹后，您会发现所有42个布局导出整齐地组织为默认版本和prestesty版本，作为单个标题以及完整的“所有标题”包装。

默认值 - 单个标题（20）→使用您的全局样式。
默认 - 所有标题（1）→使用您的全局样式完整包。

PRESTION - 单个标题（20）→包括即时，现成的外观的内联样式。
prestestion-所有标题（1）→全面施加了完整包装。

如何安装布局

保持下载文件夹封闭，以开始将其导入到Divi网站。

1。将布局导入到Divi库中

转到Divi→Divi库。

到达那里后，单击导入和导出按钮以安装文件。

查找Flexbox标头布局（ALL）文件，然后单击以导入它。

2。创建一个新的标题模板

转到Divi→主题构建器。

创建一个新的标题模板或打开现有的模板。

3。上传标题布局

一旦您进入标头区域，就可以使用Divi库选择所选的标题布局。单击主题构建器左上角的“添加布局”按钮。

选择保存的布局。

单击要添加到主题构建器的标题布局。

单击使用此布局按钮加载标头。

确保保存您的新标题和主题构建器更改。

默认vs prestyle：您应该选择哪个？

当您打开下载文件夹时，您会看到每个标题的两个版本：**默认**和** PRESTY **。它们以完全相同的方式构建，区别在于它们如何处理样式。

默认标题从您的全球样式继承了外观。您的品牌颜色，字体和按钮样式将自动应用。如果您已经设置了全局样式，则默认值是将这些标头添加到网站并立即匹配设计的最快方法。

PRESTION LEADERSER带有所有样式烘烤的样式：颜色，字体和按钮设计是内联的。它们看起来完全像开箱即用的预览。如果您要构建快速演示，测试想法，或者想在屏幕截图中看到的确切设计而不触摸变量，这真是太好了。

简而言之，如果您希望标头与现有站点样式无缝融合，请使用默认设置。如果您想要预览中显示的现成外观，请选择Prosestle。

定制标题

Divi 5的Flexbox布局系统为您提供了强大的工具来调整布局，同时保持所有响应速度。这是自定义这些标头以适合您网站的样式的方法。

1。调整Flex设置

选择包含标头元素的行。在“设计”选项卡中，找到布局下拉菜单。展开它以显示Flexbox设置。

在这里，您可以将布局方向从行更改为行反向，列或列反向。此功能使您可以更改布局的方向。

合理的内容设置使您可以控制沿主轴分布弹性项目的方式 - 布局方向定义的flex容器的主要方向。它取决于布局方向，确定水平或垂直物品的间距和对齐。

对齐项目允许您控制在列，行或部分中如何对齐flex项目。它确定了如何沿容器内的横轴相对于彼此相对的位置。您可以选择开始，中间，结束和伸展。

最后，布局包装控制flex容器中的项目是否被强制到一条线上，还是在超过容器的宽度（如果布局方向设置为列）时将其包裹到多行上。

2。在不同断点显示/隐藏元素

Divi 5允许您在特定的断点处切换各节，行，列或单个模块的可见性。这对于简化较小屏幕上的布局很有用，例如隐藏辅助CTA按钮或用移动设备替换完整菜单。

例如，您可能需要将社交媒体图标隐藏在标题中，以节省移动屏幕上的空间。在桌面断点中，导航到高级选项卡。扩展可见性下拉菜单。接下来，单击手机和平板电脑断点以隐藏元素。

使用Divi 5的响应预览查看标题。在查看电话断点中的布局时，将看到隐藏的元素，但要亮了，表明它将隐藏在前端。

3。在必要时添加链接

尽管每个标头布局都可以开箱即用，但您仍然需要添加链接。在此示例中，您将添加到社交媒体关注模块的链接。单击以展开模块的设置。在“内容”选项卡中，单击第一个社交媒体图标以显示其设置。

在帐户链接URL字段中扩展链接下拉列表，然后将链接添加到您的社交媒体帐户。

在退出主题构建器之前，请务必保存标题。

如果您还没有这样做，则需要为您的网站创建菜单。退出视觉构建器并导航到外观→菜单。在菜单名称字段中添加名称。

单击主菜单复选框，然后单击创建菜单。

要将页面添加到菜单中，请单击“查看所有”选项卡，然后选择要显示在菜单中的页面。单击添加到菜单以分配它们。

回到主题构建器中，根据需要进行其他更改。例如，如果标题使用循环构建器，则可能需要调整链接的顺序。

立即使用Divi 5用于构建标题

这20个Flexbox标头是一种快速加快Divi 5构建的方法，无论您是从已建立的全球样式工作还是从预先设计的外观开始。下载它们，将它们放入主题构建器中，然后将它们制成自己。 FlexBox处理对齐方式，以便您可以专注于设计。