Fontawesome中文网

Wordpress

Font Awesome 和 WordPress — 两种可以完美搭配的美味！ 尤其是现在我们有了官方的 Font Awesome WordPress 插件，让一切变得简单。

我们的官方插件可让您按照自己的方式在 WordPress 中使用 Font Awesome。

我们将涵盖的基础知识：

  • 使用 免费 图标。
  • 利用我们图标的最新版本或特定版本。
  • 选择技术，SVG 或 Web Font。
  • 选择从 Font Awesome Kit（在网络上使用我们的图标的最简单和最可靠的方式）或 经典的 Font Awesome CDN 加载您的图标。
  • 如果您或您的插件仍在使用版本 4 语法，则打开自动 ** Font Awesome 版本 4 的兼容性**。
  • 故障排除和解决问题 当多个版本的 Font Awesome 从其他插件/主题加载到您的站点并导致显示或技术问题时。
  • 使用您从 Pro Kits 上传的图标。

如何获得所有这些美妙的东西？ 前往 WordPress.org 上的 [Font Awesome 插件页面 () 或通过搜索插件作者“fontawesome”直接通过 WordPress 管理插件页面安装它。

获取 Font Awesome WordPress 插件

#开始之前

安装插件后，无论您想使用 Kit 还是经典 CDN，使用 Free 或 Pro Font Awesome 帐户，在 WordPress 中使用 Font Awesome 都很容易。 但首先，您需要进行设置。

#插件中使用套件

由于每个 Font Awesome 帐户都附带一个免费工具包，我们建议在您的 WordPress 插件中使用一个工具包。 套件非常容易设置并提供最大的灵活性。 ()

按照以下步骤在您的 WordPress 插件中使用套件：

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

设置为使用套件的 Font Awesome WordPress 插件

设置为使用 Kits 的 Font Awesome WordPress 插件

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

#生成 API 令牌

Font Awesome Kits 使用 API Token。

#设置我们的插件

默认情况下，我们使用以下设置来设置我们的插件：

  • 字体真棒免费图标
  • 网络字体
  • 字体真棒 CDN

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

要在 CDN 上使用 Pro 图标，您需要将您网站的域添加到 Font Awesome CDN 页面 上允许的域，并保存您的插件设置并选择 Pro 图标，您的 Pro 图标将开始显示 在您的网站上。

#为什么我们推荐 Kits 而不是 CDN？

借助 Kits，您可以使用 Icon Chooser 轻松查找图标并将其添加到您的 WordPress 内容。

#调整插件设置

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

#免费与专业版

使用此插件，您可以使用任何 Font Awesome 5 免费。

#SVG 与网络字体

SVG 允许你用你的图标做各种你不能用网络字体做的花哨的事情——比如 Power Transforms。

#版本

版本的最佳选择是选择“最新”——它为您提供最新的图标和功能，但如果您出于某种原因需要特定的先前版本，您可以从列表中选择它。 当发布新版本的 Font Awesome 时，您可以更新您的设置以匹配。 ()

#版本 4 兼容性

假设您还没有机会将 HTML 中的图标名称更新为 Font Awesome 5。或者您正在使用依赖于 Font Awesome 4 的插件或主题。您可以打开此设置，我们将自动处理任何对 Font Awesome 的引用 来自 Font Awesome 4 的旧名称和别名。

#

如果您不想使用官方插件，您可以将您的 WordPress 系统配置为通过工具包或我们的 v5 Free/Pro CDN 使用 Font Awesome。 为此，请确保您是高级用户，不会与来自其他主题或插件的其他版本的 Font Awesome 发生冲突，可以轻松修改 WordPress functions.php 文件，或者无法安装 Font Awesome 插件 因为某些原因。

了解有关手动安装 Font Awesome 的更多信息

#对于插件和主题开发者

帮助我们帮助你！ 使用我们的官方插件作为 composer 包，以正确的方式在您的插件或主题开发中包含 Font Awesome 图标，并让您的插件或主题——以及您的用户站点——以最佳状态运行。

[了解有关 Font Awesome WordPress 插件 GitHub 存储库的更多信息 ()。