WordPress divi主题

Divi 插件亮点 – Divi Switch

by | May 12, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

在 Divi 市场中找到它

Divi Switch 可在 Divi 市场购买! 这意味着它已通过我们的审查,并符合我们的质量标准。 您可以访问市场中的 Divi Space 以查看他们所有可用的产品。 从 Divi Marketplace 购买的产品具有无限的网站使用和 30 天退款保证(就像 Divi)。

google广告开户

在 Divi 市场购买

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”选项卡下的子选项卡中。

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

WordPress divi主题

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

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

标题

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

徽标定制

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

卷轴上的不同标志

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

页面特定徽标

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

fiverr建站WordPress程序员

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

此示例显示不同的页面,每个页面显示网站徽标的变体。

全屏菜单

独立站选品工具

标题也有几个菜单自定义。 对于此示例,我更改了汉堡菜单文本并选择了全屏菜单的布局。

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

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

高质量外链购买

页脚

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

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

主要内容

JasperAI 10000字免费额度试用

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

预加载器

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

这是页面加载时预加载器在网站上的外观示例。

WordPress备份工具updrafplus

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

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

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

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

移动的

移动选项卡允许您为每个图像大小设置断点。 输入您希望它更改断点的值的数字。 您还可以在移动设备上折叠菜单并显示特定文本。

帖子

帖子有一个很酷的评论功能。 这会将评论移动到一个开关,因此默认情况下它们是隐藏的。

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

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

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

档案

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

这是一个启用了所有存档开关的示例作者页面。

一体化

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

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

先进的

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

进出口

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

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

主题定制器

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

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

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

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

执照

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

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

Divi Switch 也可用于 Divi Space Memberships 计划。

结束的想法

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

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

我们希望收到你的来信。 你试过Divi Switch吗? 在下面的评论中告诉我们您的经历!

特色图片来自 Oleh Donets / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题