什么是图标库设置? Master Addons 中的图标库扩展程序在 Elementor 的图标库弹出窗口中添加了八个图标包,本指南涵盖打开包、在小部件中挑选和设计图标以及修复常见问题,以了解每个包的概述以及每个包的概述。。。
的 图标库 master Addons 中的扩展在 Elementor 的图标库弹出窗口中添加了八个图标包,本指南涵盖打开包、在小部件中挑选和设计图标以及修复常见问题。有关每个包的概述以及每个包的适用情况,请参阅 元素图标库 页。
在开始之前 #
您需要安装并激活 Elementor 和 Master Addons。Feather Icons、Remix Icons 和 Teeny Icons 是 Pro 包,因此它们仅在 Master Addons Pro 使用有效许可证处于活动状态时才会出现。
1步:打开图标包 #
- 在 WordPress 仪表板中,转到主插件 > 设置。
- 打开"扩展"选项卡。
- 单击图标库过滤器仅显示图标包。
- 打开您想要的包。启用所有开关可同时打开或关闭所有八个开关。
- 单击保存更改。
设置卡调用一包“Ionic Font”,在 Elementor 弹出窗口中,同一包被列为“Iconic Font Icons”,它是 iconmonstr 设置的 Iconic 字体。
Only 打开你打算使用的包,弹出窗口中没有出现一个关闭的包,编辑器中也没有加载它的字体文件。
2步:在小部件中打开图标库 #
- 使用 Elementor 编辑页面。
- 添加任何具有图标字段的小部件,例如图标、图标框、图标列表、按钮或社交图标。
- 在"内容选项卡中,将鼠标悬停在图标预览上方,然后单击"图标库。
第 3 步:在"我的库"下选择一个包 #
Popup在顶部列出了Elementor的字体真棒套装,主插件包坐在它们下面的我的库下,每个都有一个小“M”徽章,点击一个包可以浏览它的图标。
第 4 步:搜索每个包 #
击"所有图标,并在"按名称框过滤器中键入一个单词,结果包括"字体真棒和您已打开的每个主插件包。搜索“火箭”, 例如,从"字体真棒返回图标, 简单线条图标, 图标字体图标, 线性图标和混音图标。
5步:插入图标 #
单击您想要的图标,以便选择它,然后单击插入。该图标立即出现在小部件中。
第 6 步:为图标设置样式 #
Icons from these packs 使用小部件的正常样式控件,打开样式选项卡并展开图标部分以设置原色、大小和旋转,使用悬停选项卡更改悬停上的颜色。
下面的示例使用 Icon Box 小部件中每个包中的一个图标,具有相同的颜色和大小。
图标包参考 #
| 设置中的名称 | 弹出窗口中的名称 | 图标 | CSS 类前缀 | 计划 |
|---|---|---|---|---|
| 元素图标 | 元素图标 | 第398章 | eicon- | |
| 简单的线条图标 | 简单的线条图标 | 189绔 涔诲芥澶澧 | icon- | |
| 爱奥尼亚字体 | 图标字体图标 | 300 | im- | |
| 线性图标 | 线性图标 | 170绔 涔诲芥澶澧 | lnr- | |
| 材料图标 | 材料图标 | 1,144 | jltma-material-icon- | |
| 羽毛图标 | 羽毛图标 | 第272章 | jltma-feather-icon- | 专业人士 |
| 混音图标 | 混音图标 | 2,271 | jltma-ri- | 专业人士 |
| 青少年图标 | 青少年图标 | 600 | jltma-ti- | 专业人士 |
每个图标都输出为 an <i> 例如,包含包类和图标类的元素 <i class="jltma-ri jltma-ri-rocket-2-line"></i>。您可以在自定义 CSS 中针对这些类。
每个包看起来都是什么样子 #
元素图标 #
Elementor 自己的图标字体:Elementor 编辑器用于文本格式、布局和小部件符号的 398 个字形,当您想要与 Elementor 界面匹配的图标时选择它。
简单的线条图标 #
189个细轮廓图标,用于人、电话、地图、导航和其他日常符号,光笔在最小的布局中效果很好。
图标字体图标 #
iconmonstr的标志性字体,有300个实心图标,箭头、角度和手托构成了套装的很大一部分,大部分都是普通版和圆形版。
线性图标 #
170个来自线性图标的线图标,包括家,云,锁,齿轮和心脏。
材料图标 #
Google的材料图标:材料设计风格中1144个填充图标,涵盖警报、媒体控制和常见界面操作。
羽毛图标(专业版) #
272个图标绘制在24 px的网格上,具有轻,均匀的行程和圆形端部。
混音图标(专业版) #
2271个图标的最大包,大多数形状都有行版本和填充版本,因此您可以在悬停或标记活动项目时从轮廓切换到实心。
青少年图标(专业版) #
600个小,最小轮廓图标,旨在保持小尺寸的清晰。
使用 Widget Builder 中的包 #
Widget 生成器的图标控件的图标选择器中也有相同的包。请参阅 Widget Builder 中的图标控制 为设置。
故障排除 #
弹出窗口中缺少一个包 #
在主插件 > 设置 > 扩展 > 图标库下检查其开关是否已打开,单击"保存更改",然后重新加载 Elementor 编辑器。
Feather、Remix 或 Teeny Icons 缺失 #
这些包需要具有有效许可证的 Master Addons Pro。在 Master Addons > 帐户下检查许可证。
图标显示为空方块或不出现在页面上 #
Elementor > 工具 > 通用, 然后单击 Elementor 缓存下的清除文件和数据。然后清除任何缓存插件和您的 CDN。如果您的字体是从另一个域上的 CDN 提供的, 请确保它允许对字体文件进行跨源请求。
把一包关掉 #
在关闭包之前,请检查没有页面使用其中的图标。
视频演练 #
相关 #
- Master Addons 的元素图标库:全部八包以及每包适合什么
- Widget Builder 中的图标控制
