图标库可以 访问超过 1,500 个免费的 Font Awesome 5 图标,并引入了一个用于管理图标的界面。https://www.youtube.com/embed/xx9ZXUoRvpk?feature=oembed
单击任何带有图标控件的小部件上显示的图标库按钮以打开图标库。大多数控件将如下所示:
一些小部件,例如 Accordion 和 Toggle 小部件,将具有像这样的内联图标控件:
带有内联控件的小部件:单击+和–图标从图标库中选择图标,或单击上传图标上传 SVG。
与您当前使用的小部件相关的图标将自动显示,但如果您愿意,您可以浏览整个库以选择您想要的图标,或搜索特定图标。
- 按名称过滤图标:在右侧面板图标上方的搜索框中按关键字搜索。
- 按系列过滤图标:在左侧面板中选择图标系列,从All、Regular、Solid或Brands中选择
字体真棒临 #
如果您拥有 Font Awesome Pro 许可证,您将有更多图标系列可供选择,包括Regular Pro、Solid Pro、Brands Pro、Light Pro和Duotone Pro。
如何使用 Font Awesome Pro 图标 #
- 转到Elementor > 设置 > 集成
- 向下滚动到Font Awesome Pro并输入您的套件 ID
- 单击保存更改
- 编辑包含图标的小部件
- 单击图标库
- 选择Duotone Pro等 Pro 系列之一,选择您喜欢的图标,然后单击插入
速度和性能 #
Elementor图标库带来更快的性能和更快的页面速度,这有助于您的 SEO 和页面加载速度。使用此库,仅加载您实际使用的图标系列的 CSS 和字体。
一次性迁移到 Font Awesome 5 #
第一次尝试使用Icon Library时,您可能会看到一个 Font Awesome Migration 弹出窗口。阅读有关此的更多信息
故障排除提示 #
如果您发现无法更改 Font Awesome Pro 图标的颜色,请登录您的 Font Awesome Pro 帐户并在套件设置中选择Web Font而不是 SVG。不正确的 SVG 设置如下所示。当您使用 SVG 显示 Font Awesome Pro 图标时,它会更改 CSS 属性,其中一个(填充属性)不受 WordPress 的 CSS 编辑器支持,因此Web Font是更合适的选择。