Divi 插件亮点 - Divi 徽标管理器
已发表: 2017-07-30徽标是每个网站的重要组成部分。 他们向您的读者介绍您的品牌并提供品牌认知度。 网站可以使用徽标做什么通常是有限的。 使用 Divi 我们可以调整大小并使它们在滚动时缩小或消失。 这对大多数网站来说都很棒,但是如果您想对徽标做更多事情怎么办? 您可能对名为 Divi Logo Manager 的第三方插件感兴趣。
Divi 徽标管理器是 Divi 的高级插件,可让您更改整个网站的徽标。 您可以根据设备(移动设备、平板电脑或台式机)使用不同的徽标,在滚动时更改为不同的徽标,按页设置徽标并调整悬垂量。 它与页面、项目和 WooCommerce 产品页面兼容。
在这个插件亮点中,我们将看看插件可以做什么。 示例图片来自 Unsplash.com。
Divi Logo Manager 安装和设置

上传并激活压缩插件。 激活后就可以使用了。 所有工作都在“设置”菜单、各个页面和 WooCommerce 产品页面上完成。 在仪表板中,转到“设置”并选择“Divi 徽标管理器”。 从这里您可以选择悬垂尺寸、手机徽标、平板电脑徽标、桌面徽标和滚动徽标。
Divi 主题选项中添加了桌面徽标。 所有其他徽标都单独添加到此页面或每个页面上。
悬垂

有 9 种不同的悬垂选项,范围从无到不可思议的大以及介于两者之间的各种级别。 这增加了一个值得使用的新设计元素,即使您不需要更改徽标。
每页

Divi 徽标管理器为您的页面、项目和 WooCommerce 产品页面添加了一组新设置,让您可以覆盖在主菜单中设置的设置,以便您可以为每个页面选择特定的徽标。 您可以将它们设置为桌面、移动、平板电脑和滚动。 这对于登陆页面、特价商品、投资组合页面、产品等非常有用。
Divi 徽标管理器示例
让我们来看看每个设备上的徽标以及不同程度的悬垂。 我将使用 Google Chrome 的开发人员工具来模拟移动和平板电脑设备。
桌面

对于桌面徽标,我使用了狮子的艺术形象。 这是标志的标准版本,没有悬垂。 此徽标必须加载到 Divi 的主题设置中。

现在我已经上传了一个标志,它现在出现在插件设置中。
悬垂

下面是一些悬垂部分。 这个有一个小悬垂。 这很明显。

这个使用了一个更大的悬垂。 它更引人注目,我喜欢它与页面相对的方式。

这是中大号。 这是一个很好的全方位尺寸。

这个使用了巨大的悬垂。 对于某些设计来说,它可能太大了。

这个使用不可思议的大悬垂。 它不会适合所有设计,但对于设计来说,它看起来很棒,它会脱颖而出。 通过这种级别的选择,您可以轻松找到适用于任何网站的突出部分。

悬垂功能适用于 Extra,但不适用于徽标交换功能。 这是额外的大悬垂。
滚动标志

滚动徽标功能可让您指定仅在滚动时显示的徽标。 在这个例子中,我添加了一个滚动标志。

标题一缩小,徽标就会更改。
药片

这是一个只会出现在平板电脑上的新标志。 让我们看几个使用 Google Chrome 开发者工具的例子。

这是一台iPad。 即使在移动和桌面设备上,它也保留了重叠。 徽标已更改以匹配平板电脑设置。

这是处于水平模式的 iPad。 如果屏幕足够大,某些平板电脑会显示桌面徽标。

这是处于纵向模式的 Nexus 10。

这是水平模式下的 Nexus 10。 它显示桌面徽标。

这是滚动中的 Nexus 10。 徽标在平板电脑上的变化就像在台式机上一样。


这是 iPhone 6 Plus 上不可思议的大悬垂。

这个在 iPhone 6 Plus 上使用了 Medium Overhang。

这个使用大悬垂。

这个使用小悬垂。
移动的

我为手机添加了一个标志。

这个使用带有大悬垂的响应式。

这一款在 iPhone 6 Plus 上使用了大悬垂。

这是水平模式下的 iPhone 6 Plus。

这是 Galaxy Note 3。

这是水平模式下的 Galaxy Note 3。 您可能需要尝试使用悬垂来为您的移动网站找到完美的选择。
WooCommerce 产品页面

它也适用于 WooCommerce 产品页面。 默认情况下,它与常规页面的工作方式完全相同,因此无需进行任何设置。 这是带有大悬垂的常规徽标。
项目页面

默认情况下,Divi Logo Manager 也适用于项目页面。 这是一个带有新桌面徽标的项目页面。 就像常规页面一样,项目页面包括为每页选择一个徽标的自定义。
每页

您可以选择仅在您选择的单个页面上显示的自定义徽标。 在可视化编辑器中,您将在右侧看到一个名为 Divi 徽标管理器的新自定义区域。 您可以在此处选择桌面、移动设备、平板电脑的徽标,并逐页滚动。
在这个例子中,我创建了一个新产品。 该产品与其他产品如此不同,以至于标准徽标不匹配。 此产品页面可以从拥有自己的单独徽标中受益。

下面是我为该页面选择显示的徽标。

这是使用大悬垂的桌面徽标。

这是滚动徽标。

这是使用 iPhone 6 Plus 的手机标志。

这是水平模式下的 iPhone 6 Plus。

这是使用 Nexus 10 的平板电脑徽标。

返回我们的原始页面... 我为滚动添加了一个新徽标,我只想在此页面上显示它。

此页面现在在滚动时使用自定义徽标。
许可、更新和支持
该插件可以为您和您的客户安装在无限的网站上。 它包括终身更新和 6 个月的支持。
如需更多信息,请访问出版商网站 KiwiWeb.co.uk。
最后的想法
Divi Logo Manager 简单易用。 只需选择要在每个设备上显示的徽标并进行滚动,然后设置悬垂量。 可以单独覆盖每个页面的徽标。 悬垂是添加一些活力并使您的网站脱颖而出的好方法。 悬垂可以根据需要隐藏或明显。 仅悬垂功能就值得使用该插件。
如果您对根据设备选择徽标、更改滚动徽标或添加悬垂功能感兴趣,Divi Logo Manager 可能是您需要的插件。
我们想听听您的意见。 您是否使用过 Divi 徽标管理器? 在下面的评论中告诉我们您的想法!
精选图片来自 SiuWing/shutterstock.com
