Divi 插件亮点 – Divi Switch

Divi Switch 是 Divi 的第三方插件，它为 Divi 添加了许多新功能，您可以通过轻弹开关来打开或关闭这些功能。 Divi 社区中的许多人都知道 Divi Switch，因为它已经存在好几年了，但他们的 3.0 更新带来了许多值得一看的新功能和改进。 其中一些新功能包括：一个新的仪表板、一个用于导入和导出的迷你插件、预加载器、新的主题自定义设置、徽标自定义、具有内置布局的自定义 404 和维护页面、对 SVG 图像的支持等等。

在本文中，我们将看看新的 Divi Switch 并密切关注它的更新功能集。

安装 Divi 开关

像任何插件一样上传和激活 Divi Switch。 然后将一个新选项卡添加到名为 Divi Switch 的仪表板中的 Divi 主题选项菜单中。 输入您的许可证密钥并激活插件。 然后该选项卡将显示一个新的直观仪表板。

Divi 开关仪表板

Divi Switch 已重新设计，所有设置已从管理菜单中的单独位置移至 Divi 主题选项页面。 开关本身分布在 Divi 主题选项中新的“Divi Switch”选项卡下的子选项卡中。

每个切换都有一个标题、简短描述和一个默认设置为“禁用”的阴影开关。 如果你想激活效果，只需点击开关，它就会切换到“启用”。 它会变成蓝色，表示它已被激活。

要查看功能描述，请选择将鼠标悬停在效果上时出现在右侧的问号。

让我们看看几个选项卡，看看它可以做什么。

标题

Header 选项卡添加了 8 个开关和自定义项。 您可以删除标题下划线、使电话号码可点击、在新选项卡中打开社交链接、将顶部标题项居中、在滚动时使用不同的徽标、更改汉堡菜单文本、使用特定于页面的徽标以及替换Divi 布局的全屏菜单。

徽标自定义

Divi 主题能够设置可以在每个页面或帖子上显示的自定义徽标。 但是，如果您需要在您的网站上使用不同的徽标怎么办？ Divi Switch 添加了多个徽标选项，因此您可以显示更多徽标，并且您可以控制它们的显示方式和位置。 这些设置允许您在滚动时选择不同的徽标，并且您可以为特定页面设置不同的徽标。

卷轴上的不同标志

要在滚动时显示新徽标，只需在设置屏幕中上传徽标即可。 现在，当访问者滚动时，将显示备用徽标。

页面特定标志

使用页面特定徽标，您的网站上不仅限于一个徽标。 您可以拥有任意数量的徽标，它使您可以完全控制在哪个页面上显示哪些徽标。

如果您在设置中启用了页面特定徽标，则会在页面和帖子的内容区域底部添加一项新功能。 您现在可以为主页设置不同的徽标，并为其他页面和帖子设置另一个徽标。 在这里，您只需上传您希望该页面或帖子显示的徽标。

此示例显示不同的页面，每个页面都显示站点徽标的变体。

全屏菜单

Header 也有几个菜单自定义。 对于本示例，我更改了汉堡包菜单文本并为全屏菜单选择了布局。

这是带有新文字的汉堡菜单。

单击汉堡菜单将打开全屏菜单并显示我选择的 Divi 布局。 它是半透明的，因此您可以在后台看到该网站。 它还包括一个关闭按钮。

页脚

“页脚”选项卡可让您删除项目符号、隐藏底部页脚、阻止页脚浮动以及用 Divi 布局替换页脚。

只需在页脚选项卡中选择此布局即可将其添加到每个页面的页脚中。

主要内容

主要内容选项卡添加了 11 个开关和自定义项。 您可以删除侧边栏分隔线，添加主页预加载器并设置类型和颜色，更改投资组合图像比例，防止图像在灯箱中打开，调整滑块动画，删除项目帖子类型，添加自定义维护页面，以及添加自定义 404 页面。

预加载器

启用预加载器将在加载主页时显示一个动画图标。 这很好地向访问者表明在页面的实际内容仍在后台加载时正在发生的事情。 它有 15 种过渡类型和两种颜色选项。

这是一个示例，说明加载页面时预加载器在网站上的外观。

带有布局的自定义 404 和维护页面

这些功能允许您从页面列表中选择任何维护页面和 404 页面。 这意味着您可以使用已创建或导入到 Divi 库中的布局来创建页面。

为了帮助您解决这个问题，Divi Switch 包括高级 404 页面和维护页面布局包，其中包含 10 个预设计的布局，可以轻松自定义和默认设置。 它们采用 JSON 格式。 上图是 404 页之一。

布局经过专业设计，因此您的 404 页面和维护页面不仅内容丰富，而且还很有吸引力。 此示例是维护页面之一。 它包括一个倒数计时器。

移动的

“移动”选项卡可让您为每个图像尺寸设置断点。 输入您希望它更改断点的值的数量。 您还可以在移动设备上折叠菜单并显示特定文本。

帖子

帖子有一个很酷的评论功能。 这会将评论移动到切换按钮，因此默认情况下它们是隐藏的。

这是关闭的切换。 它位于帖子底部，通常会出现评论。

点击打开查看评论。 这是标准的 WordPress 评论表单。

如果您将 Divi 评论模块添加到您的布局中，您可以使用模块设置对其进行样式设置。 它仍然位于切换开关中，默认情况下是关闭的。

档案

“档案”选项卡让您可以控制档案页面（标签、类别、作者、搜索等页面）。 添加类别标题，删除侧边栏，添加阅读更多链接，并在帖子下添加分隔线。

这是一个示例 Author 页面，其中启用了所有存档开关。

一体化

集成选项卡可让您将 Divi 布局插入特定位置，包括主要内容之前、主要内容之后和发布内容之前。 从下拉列表中选择布局。

我只使用一个文本模块制作了一个全宽横幅，并将其插入到内容之前。 当然，您可以构建您想要的任何类型的布局。 这是创建 CTA 和特殊菜单的好方法。

先进的

高级选项卡允许您上传可缩放矢量图形 (SVG) 以获得更清晰的徽标、图标和其他图像。 由于 WordPress 默认阻止 SVG，这是将这种图像格式与 Divi 一起使用的好方法。

进出口

导入/导出选项卡可让您将 Divi Switch 生成的代码导出到轻量级和自定义品牌插件中，以安装在您客户的站点上。 这使您可以轻松使用您最喜欢的 Divi Switch 代码，而无需安装和设置 Divi Switch 插件本身。 输入插件名称，提供描述，添加作者信息，为其指定插件版本，然后选择导出插件。

您现在可以像上传任何插件一样将您的品牌插件上传到您客户的网站。 它将拥有您的品牌。

主题定制器

主题定制器中添加了一个名为 Divi Space Settings 的新选项卡。 在这里，您会找到另一个名为 Divi Switch 的选项卡。 主题定制器包括其他设置，用于为移动菜单创建自定义图标、更改标题背景图像、自定义返回顶部按钮和自定义存档页面——所有这些都带有实时预览。

在这个例子中，我在标题中添加了一个背景图像。 您可以将其设置为重复、更改图像位置和更改图像大小。 在此设置上方是一个选择区域，您可以在其中选择移动菜单的图标。

在本例中，我正在调整返回顶部按钮以匹配布局。 您可以调整图标大小、半径、位置、背景颜色、图标颜色和悬停颜色。

在此示例中，我正在调整存档页面的分隔符颜色、高度和宽度。 您还会注意到在这些示例中，当我向下滚动时，徽标发生了变化。 我仍然激活了徽标交换设置（好吧，我想它实际上是“切换”的。）

执照

Divi Switch 有三个许可证可供选择：

• 单个站点 – 24 美元
• 3 个站点 – 50 美元
• 无限站点 – 96 美元

Divi 空间会员计划中也提供了 Divi Switch。

结束的想法

Divi Switch 的新功能给我留下了深刻的印象。 不必粘贴 CSS 类和新的仪表板是受欢迎的功能。 徽标选项、预加载器、迷你插件以及自定义 404 页面和维护页面都为 Divi 增加了很多。 我喜欢插入 Divi 布局和选择自定义页脚的能力。 我还喜欢主题自定义功能，可将图像添加到标题并对其进行自定义并更改返回顶部按钮的颜色、形状和位置。

Divi Switch 为 Divi 增加了很多功能。 我发现它们中的每一个都易于使用。 如果您正在寻找可以以最简单的方式添加的大量自定义项，Divi Switch 可能就是您要找的。

我们希望听到您的意见。 您是否尝试过 Divi Switch？ 在下面的评论中告诉我们您的体验！

精选图片来自 Oleh Donets/shutterstock.com