在 WordPress 中添加图标
设置好插件后，就可以使用新的图标选择器、简码或 HTML 代码片段，将图标添加到您的页面和帖子中。
使用图标选择器添加图标
从官方 4.0 插件版本开始，我们在插件中添加了图标搜索功能，方便您在 WordPress 内容中查找和插入所需的图标。
在 Gutenberg 文本块中（或在 WordPress Classic 编辑器中的格式栏上方）的扩展格式栏中，您会找到 Font Awesome 图标菜单选项。
在扩展格式栏中找到 Font Awesome 菜单项
您可以使用图标选择器搜索，按图标名称、类别或关键字搜索 Font Awesome 图标。
图标选择器准备搜索所有 Pro 图标，跨越系列和样式，以及上传的图标
在图标选择器中搜索咖啡图标，并选择了多种样式
选择一个图标后，您会看到简码被插入到您的内容中，并且您可以在预览或发布帖子或页面时看到图标。
图标简码插入到内容中
在预览模式下查看图标
其他添加图标的方法
您也可以使用图标名称在简码或HTML中添加图标。
使用简码时，您需要添加图标名称和一个前缀，其中前缀是您要使用的图标的样式和系列。请注意，您不需要包含名称中的 fa- 部分。如果没有任何前缀，则样式将默认为 Solid。图标的简码如下所示
[icon name="coffee" prefix="fa-solid"]或者，您可以使用带有标准 Font Awesome 语法的基本 HTML
<i class="fa-solid fa-coffee"></i>使用伪元素
CSS 伪元素是在不编辑 HTML 的情况下，在 HTML 内容之前或之后添加图标的一种方法，例如在下拉菜单项旁边添加一个插入符号，或在外部链接旁边添加一个箭头。一些插件或主题依赖于伪元素 - 如果您禁用它们，请务必检查您的网站是否有缺少的图标。
如果可能，请避免将 SVG 与伪元素一起使用。实际上，出于性能原因，在使用套件时，我们没有提供使用 SVG 伪元素的选项。在使用 CDN 时，您可以启用带有 SVG 的伪元素，但请注意，这会导致您的网站在某些情况下速度非常慢。请务必检查您的页面（尤其是包含大量元素的页面） - 在启用带有 SVG 的伪元素后，验证它们是否没有显著变慢。
默认情况下，Web 字形（套件和 CDN 中）都启用了伪元素，因为此技术不会影响性能。