跳至内容
欢迎 Web Awesome,这是最大最好的开源 Web 组件库。
今天预购!

使用 WordPress 设置

Font Awesome 和 WordPress — 两种很棒的味道可以完美结合!尤其是在我们拥有官方 Font Awesome WordPress 插件来简化操作之后。

我们的官方插件可以让您按照自己的意愿使用 Font Awesome 与 WordPress。

我们将涵盖以下基础知识:

如何获取所有这些精彩内容? 请访问 WordPress.org 上的 Font Awesome 插件页面 或通过在 WordPress 管理员插件页面中搜索插件作者“fontawesome”直接安装它。

获取 Font Awesome WordPress 插件

开始之前

安装完插件后,使用 Font Awesome 与 WordPress 很简单,无论您是想使用工具包来提供免费 + 专业版图标,还是使用经典的 CDN 来提供免费图标。但首先,您需要进行设置。

由于每个 Font Awesome 帐户都附带一个免费工具包,因此我们建议您在 WordPress 插件中使用工具包。工具包非常容易设置,并提供最大的灵活性。(当您使用专业版工具包时,您将在插件的 图标选择器 中获得对专业版图标(包括 v6 样式!)的完全访问权限,以便轻松地将图标添加到您的内容中。以及您上传的任何图标!)

请按照以下步骤在 WordPress 插件中使用工具包

  1. 设置工具包:如果您还没有设置工具包,请创建一个新的工具包。您可以在工具包的设置页面中调整工具包以使用免费或专业版图标、Web 字体或 SVG、特定或最新 Font Awesome 版本,以及其他设置,以满足您的需求。
  2. 获取 Font Awesome API 令牌:转到 Font Awesome 帐户页面以生成和复制您的 API 令牌
  3. 将您的令牌添加到 WordPress 插件中:返回您的 WordPress 网站并打开 Font Awesome WordPress 插件设置。选择使用工具包,并将您的 API 令牌粘贴到该字段中。保存这些更改。
  4. 在插件中选择您的工具包:从列表中选择一个工具包。您将在下面看到您选择的工具包的设置,以便您可以仔细检查它是否已按照您想要的方式设置。通过保存您的设置,使您选择的工具包在您的项目中处于活动状态。

Font Awesome WordPress 插件设置为使用工具包 Font Awesome WordPress 插件设置为使用工具包

要调整您的工具包设置,请转到FontAwesome.com 上的工具包页面,选择您正在使用的工具包,转到“设置”选项卡,进行并保存更改,然后点击 WordPress 插件中的“刷新工具包数据”。

Font Awesome 工具包使用API 令牌 安全地获取您在 WordPress 中的工具包,而无需将 Font Awesome 凭据与您的 WordPress 服务器共享。如果您的令牌被泄露,您可以轻松地在 Font Awesome 帐户中生成一个新的令牌。


使用 Font Awesome CDN (默认)

默认情况下,插件以以下设置启动

  • Font Awesome 5 版
  • Font Awesome 免费图标
  • Web 字体
  • Font Awesome CDN

您可以直接在插件设置中进行更改。

调整插件设置

如果您使用的是 Font Awesome CDN,则可以直接在插件中调整设置。如果您使用的是工具包,则可以在每个fontawesome.com 上的工具包设置中调整这些相同的设置。

免费版与专业版

使用此插件,您可以使用任何 Font Awesome 免费 图标,无需任何额外设置,现在,使用工具包时,您可以通过在工具包设置中选择“专业版”来轻松启用专业版 图标。

SVG 与 Web 字体

SVG 允许您对图标进行各种 Web 字体无法实现的奇特操作(例如强大变形遮罩分层),但它在伪元素方面效果不佳(了解有关使用伪元素的更多信息)。

版本

您最佳的版本选择是 latest — 它为您提供最新的图标和功能,但如果您出于某种原因需要特定旧版本,您可以从列表中选择它。当发布 Font Awesome 的新版本时,您可以更新设置以匹配。(奖励!如果您使用工具包选择 latest,您将始终获得最新版本。)

旧版本兼容性

假设您还没有时间将 HTML 中的图标名称更新为匹配最新版本的 Font Awesome。或者您正在使用依赖于旧版本 Font Awesome(即 v4 或 v5)的插件或主题。

工具包会自动处理将 v6 与使用旧版本的项目向后兼容

Font Awesome 5 免费 CDN 也将处理与使用 Font Awesome 5 的项目向后兼容。(CDN 不支持 6 版。)如果您需要对 4 版的支持,您可以在插件设置中启用“旧版本兼容性”功能(它会加载 v4 特定垫片)。


手动安装 (高级)

如果您不想使用官方插件,您可以配置您的 WordPress 系统以通过 Font Awesome 6 工具包或免费 CDN 来使用 Font Awesome。为此,请确保您是高级用户,并且不会与来自其他主题或插件的其他版本的 Font Awesome 发生冲突,可以修改 WordPress functions.php 文件,或者出于某种原因无法安装 Font Awesome 插件。

详细了解在 WordPress 中手动安装 Font Awesome


针对插件和主题开发者

帮助我们帮助您!使用我们的官方插件作为作曲家包,以正确的方式将 Font Awesome 图标包含在您的插件或主题开发中,并使您的插件或主题(以及用户站点的)保持最佳运行状态。

在 Font Awesome WordPress 插件 GitHub 库中了解更多信息.