WordPress divi主题

Divi 插件亮点:WP 和 Divi 图标

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

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

WP and Divi Icons 是 WordPress 的第三方插件,适用于任何 WordPress 主题并集成到 Divi Builder。 为了与 Divi 一起使用,它包括您可以在项目中使用的独家布局。 这些图标在 WordPress 编辑器和任何允许您选择图标的 Divi 模块中都可用。 在本文中,我们将看看 WP 和 Divi Icons,看看是什么让它与众不同。

google广告开户

WP 和 Divi Icons 为 WordPress 添加了 2500 多个图标。 它包括 Font Awesome Icons、Material Icons 和 450 个自定义设计的图标,包括 48 个多色图标。 它提供免费版和专业版。 我正在测试专业版。

安装 WP 和 Divi 图标

正常上传并激活插件。 我将 1.1.0 版与 Divi 3.17 版和 WordPress 4.9.8 一起使用。

接下来,您需要激活您的许可证。 您可以导航到激活屏幕或单击屏幕顶部显示的消息。 不过,知道如何在那里导航仍然很有帮助,因为一旦您输入许可证密钥,此页面将成为选项屏幕。

无论您使用什么主题,要进入屏幕,请单击 指示 插件列表中插件描述中的链接。 如果您使用的是 Divi,则会在仪表板的 Divi 菜单中添加一个名为 WP 和 Divi 图标的新菜单项。 单击此按钮并输入您的许可证密钥。

自定义多色图标

输入您的许可证密钥后,它会打开屏幕,其中包含说明、48 个多色图标的列表以及为这些图标创建自己的配色方案的工具。

WordPress divi主题

您可以控制三种颜色。 调整颜色控件并等待几秒钟以查看结果。 单击“删除”会删除配色方案。 这些颜色添加了一点阴影效果,从而创建了每种颜色的较暗版本,看起来很棒。

点击 添加配色方案 创建一组可以调整的新的多色图标。

添加任意数量的配色方案。 这极大地扩展了您可以使用图标执行的操作。 控件很直观。 事实证明,我发现这有点让人上瘾。

在任何主题的 WordPress 中使用 WP 和 Divi 图标

要将图标用于任何主题,请选择添加到 WordPress 编辑器的新图标。

这将打开编辑器,您可以在其中选择一个图标,通过在颜色字段中键入颜色或使用颜色选择器来编辑颜色,通过输入以像素为单位的数字或使用滑块来更改大小,添加标题,并添加一个类。 您还可以搜索图标。

fiverr建站WordPress程序员

您所做的任何更改都会实时显示。 在这个例子中,我输入了我想要的颜色,将大小更改为 106 像素,并将名称更改为 Green Leaf。

点击 好的 将图标添加到您的内容中。

双击该图标以打开编辑器并进行更改。

独立站选品工具

点击 好的 并且更改会反映在您的内容中的图标上。

此编辑器不编辑多色图标。 您必须在我上面演示的主设置屏幕中编辑它们。 您仍然可以从此编辑器中选择它们、更改它们的大小、添加标题、添加类,然后从此处将它们插入到您的内容中。

高质量外链购买

图标在内容中看起来很棒。

在 Divi Builder 中使用 WP 和 Divi 图标

Divi Builder 中添加了许多新图标,可以从任何允许您选择图标的模块访问这些图标。 添加了一个新的搜索功能,并且图标更大了,使它们更容易看到(这表明这个插件可能是由像我这样的老家伙设计的。我既能理解也能欣赏这个功能)。

我希望添加一个过滤器,以便我可以在 Font Awesome、Material 或自定义图标之间进行选择。 这样,如果我想要与其他人不同的东西,或者只使用 Font Awesome 或 Material Icons 构建,或者有选择地混合我的图标,我可以轻松地看到自定义图标并忽略 Font Awesome 和 Material 图标。

JasperAI 10000字免费额度试用

它包括单色和多色图标。

从前端实时搜索和更改图标。

就像任何 Divi 图标一样,它们是可调节的。

WordPress备份工具updrafplus

您还可以从前端构建器添加多色图标。 您无法在此处调整图标的颜色(在多色图标编辑器中完成),但您可以添加圆圈、添加边框、调整颜色以及从模块设置中调整图标的大小。

在此示例中,我添加了一个带边框的圆圈。

您可以从前端和后端使用它们。

Divi 文本模块中也提供了 WordPress 图标编辑器。 该编辑器的工作方式与任何 WordPress 主题完全相同。

WP 和 Divi 图标布局

该插件适用于任何主题,但它确实具有仅适用于 Divi 的特殊功能。 将它与 Divi 一起使用的最大优势之一是独有的自定义布局。 它们是使用 WP 和 Divi 图标定制设计的,下载链接仅在插件中可用。 它们可供任何拥有该插件的人下载,并可用于任何项目。 它们是具有许多样式模块的完整布局。

已经有几个可用的,还有几个在路上。 以下是每个人的重点,重点是他们如何使用图标。 您可以在开发人员的演示页面上看到它们。

电商布局

此布局包括带有气泡的样式标题,以显示公司使用的支付网关和运输合作伙伴的类型。 多色图标显示所提供的服务。 它的工作原理显示在选项卡中。 它还包括定价表、推荐书、常见问题解答的时事通讯注册和页脚。

创意机构布局

这包括一个样式化的标题、一个关于您提供的服务类型的区域、一个投资组合、一个涵盖您的工作方式和您采取的步骤的滑块、推荐、奖励、关于您的团队、联系人和页脚。 它使用了许多斜角和深阴影效果。 多色图标显示服务。

业务布局暗

这个有一个两列的标题,一侧是图像,另一侧是文本。 显示您提供的服务的部分使用多色图标,并在页面下方交替显示图像和文本。 其他部分使用大背景文本并显示公司的历史、覆盖层中带有多色图标的团队成员、联系表格、联系信息和页脚。

业务布局灯

这与 Business Layout Dark 的布局相同,但颜色较浅。

非营利布局

这个显示一个全屏图像滑块,右侧有一个垂直菜单,并使用社交关注按钮的图标。 此下方的细长部分显示捐赠 CTA。 它还包括一个关于部分、您支持的原因、一个活动部分、项目、带有图标的简介、赞助商和页脚。

许可证和文件

价格范围从限量版免费、单个站点 39 美元、3 个站点 59 美元和无限站点 79 美元不等。 您可以在开发者的网站上购买该插件。

它包括高级支持和 3 年更新。 文档在开发人员的网站上提供。

结束的想法

WP 和 Divi 图标易于使用。 当我在 Divi 模块中单击图标时,加载图标确实需要几秒钟。 我确信这主要是由于我的“欢迎来到乡村生活”的互联网连接速度较慢。 我希望看到添加到 Divi 模块的过滤器。 搜索功能有助于根据关键字查找图标。

我喜欢它添加了 Font Awesome 和 Material Icons,但我最喜欢的是自定义图标——尤其是多色图标。 编辑器使用起来很简单有趣。 我认为即使没有 Divi,它也是一个很棒的插件,但由于有免费的布局,Divi 会更好。

我们希望收到你的来信。 你试过 WP 和 Divi Icons 吗? 在评论中让我们知道您对此的看法。

特色图片来自 VectorsMarket / shutterstock.com

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