图标库

图标库可以   访问超过 1,500 个免费的 Font Awesome 5 图标,并引入了一个用于管理图标的界面。https://www.youtube.com/embed/xx9ZXUoRvpk?feature=oembed


单击任何带有图标控件的小部件上显示的图标库按钮以打开图标库。大多数控件将如下所示:

一些小部件,例如 Accordion 和 Toggle 小部件,将具有像这样的内联图标控件:

带有内联控件的小部件:单击+图标从图标库中选择图标,或单击上传图标上传 SVG。 

与您当前使用的小部件相关的图标将自动显示,但如果您愿意,您可以浏览整个库以选择您想要的图标,或搜索特定图标。

  1. 按名称过滤图标:在右侧面板图标上方的搜索框中按关键字搜索。
  2. 按系列过滤图标:在左侧面板中选择图标系列,从AllRegularSolidBrands中选择

字体真棒临 #

如果您拥有 Font Awesome Pro 许可证,您将有更多图标系列可供选择,包括Regular ProSolid ProBrands ProLight ProDuotone Pro。 

如何使用 Font Awesome Pro 图标 #

  1. 转到Elementor > 设置 > 集成
  2. 向下滚动到Font Awesome Pro并输入您的套件 ID
  3. 单击保存更改
  4. 编辑包含图标的小部件 
  5. 单击图标库
  6. 选择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是更合适的选择。

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top