如何在wordpress主题中使用预定义图标？

Question

WordPress主题中使用预定义图标可以通过以下步骤：

在主题的头部添加以下代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

这将链接到CDN上的Font Awesome图标库，提供数百个预定义图标。

在主题中使用图标代码，例如：

<i class="fa fa-check"></i>

这将显示一个带有“检查”标志的图标。

更改类名和图标代码以更改使用的图标。

例如，要使用“心形”图标，可以将类名更改为“fa-heart”，并将代码更改为：

<i class="fa fa-heart"></i>

这将显示一个带有心形标志的图标。

示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>WordPress主题使用预定义图标</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <style>
        .icon {
            font-size: 40px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <h1>预定义图标示例</h1>
    <div>
        <i class="fa fa-check icon"></i>
        <i class="fa fa-heart icon"></i>
        <i class="fa fa-bell icon"></i>
    </div>
</body>
</html>