# WordPress

Font Awesome拥有官方的WordPress插件,可供那些希望在其项目中轻松使用我们的图标的人使用。 我们还可以向您展示如何在没有插件的情况下自定义WordPress。

# 选择您自己的方式

在WordPress中设置“Font Awesome”已经相对简单。 但是,根据我们与使用WordPress的客户合作的经验,更容易出现的问题是处理由主题和插件(尝试加载其自己的Font Awesome版本)引起的冲突。 我们的图标在WordPress生态系统中非常欢迎,所以也经常看到出现冲突的问题。

我们的目标不仅是使您可以轻松地在WordPress中设置Font Awesome,而且还使其设置足够兼容,可以与您的主题和尝试加载自己的Font Awesome的插件一起使用,从而使它们都能正常工作, 使用您喜欢的Font Awesome版本。

因此,我们为您提供了两种不同的设置方法:使用我们的插件,或者自定义没有插件的WordPress。

两者都是为WordPress的实际使用而设计的,毕竟出现的冲突很多。 插件方法可以为您处理很多事情,而您无需编写任何PHP代码。 这种自定义方法需要您付出劳力,但将您需要修改的PHP代码量减至最少。

# 我应该选择哪一个?

如果不确定,请使用插件。 它易于安装并为您处理许多事情,并且随着我们使用改进的功能和特性对其进行更新,它将变得越来越好,而无需您费心。 Go custom if:

  • 您的网站与主题或插件是否存在与Font Awesome冲突? 尝试冲突检测。

  • 避免安装其他插件。

  • 减少安装额外的插件,以此避免在以后的插件中引入冲突。

  • 您可以轻松修改主题的functions.php文件以自定义WordPress。

  • 您现在要使用套件。

(我们正在努力为插件添加套件支持。)

# 插件设置

# 发布候选

我们的插件仍处于预发布模式,需要您的反馈! 如果您有任何问题或疑问,请给我们发送电子邮件hello@fontawesome.com

# 在哪里找到插件

该插件可从WordPress插件页面获得。

可从wordpress.org获得

# 如何安装

  • 1.登录到您的WordPress管理员

  • 2.点击左侧菜单中的“插件”

  • 3.点击“Add new”

  • 4.按“Author”搜索“fontawesome”

  • 5.在Font Awesome插件那里点击“Install Now”

  • 6.点击“Activate”

点击Add new

搜索Font Awesome

点击Install Now

点击Activate后就完成了!

# 怎样使用

访问插件页面以了解更多信息。

# 在专业版CDN中使用插件

专业版订阅用户可以访问专业版CDN。

将您的域添加到您的Font Awesome帐户域

请注意,您需要专业版订阅才能进行下一步

  • 1.访问https://fontawesome.com/account/cdn

  • 2.添加您要用于专业版订阅的域

# 在WordPress安装中启用专业版CDN:

  • 1.转到您的WordPress管理员“Settings”,然后选择“Font Awesome”

  • 2.切换到“Use Pro”选项

  • 3.点击“Save Changes”

就这样!您已经设置好了.

# 将图标添加到WordPress页面、帖子、模板

  • 在您的WordPress内容中使用<i class="fas fa-stroopwafel"></i>这样的标签添加图标。

  • 如果是短代码,可以像这样使用:[icon name="stroopwafel"]

  • 有关更多详细信息,请参阅插件目录中的插件自述文件。

# 了解常见兼容性问题

  • Font Awesome在WordPress主题和插件中非常受欢迎。 您正在使用的主题或其他插件可能正在尝试安装其自己的Font Awesome版本,而与您自己安装的版本不同。 这可能导致混乱和未知的结果。 但是,如果您要使用最新的图标,或者特别是要使用已购买的专业版图标,那么解决冲突很重要。

  • 如果您在插件的管理员设置页面上启用了“Remove unregistered clients”选项,则我们的插件可以自动解决许多此类问题。

  • 一些主题和插件具有自己的图标选择器,仅用他们所知道的图标填充。 在这种情况下,您的专业版图标可能不会显示在这些图标选择器中。 我们希望在主题和插件之间建立更好的协调,为您带来更流畅的体验。

  • 我们很乐意与其他主题和插件开发人员讨论如何改善兼容性。 开发人员可以通过hello@fontawesome.com向我们发送消息以使对话继续进行。