因为您希望图标出现在特定的位置，所以这看起来更像是主题领域，而不是插件。实现目标的一种方法：

创建子主题（或编辑您已经使用的主题）。复制您的主页模板（您不太可能想要更改index.php; 你可能在找front-page.php 或home.php, 检查您的主题和Template Hierarchy 要查找所需的文件（可能是模板的一部分），请将该文件复制到子主题中。

从那里，您需要决定如何显示图标。您可以加载像FontAwesome这样的图标字体，也可以通过CSS添加一些SVG。然后，您将在刚才复制的主题文件中添加一个条件，在其中输出事件类别名称，大意是“如果术语ID等于1，则显示齿轮图标，然后显示标题；如果术语ID等于2，则显示星形图标，然后显示标题。”

如果使用图标字体，则会出现如下情况：

<h2><i class="fa fa-gear"></i> Event Category 1 Name</h2>
<h2><i class="fa fa-star"></i> Event Category 2 Name</h2>

或者，如果您使用SVG，您可能希望添加一个CSS类，如下所示：

<h2 class="icon-gear">Event Category 1 Name</h2>
<h2 class="icon-star">Event Category 2 Name</h2>

然后在CSS中，您可以执行以下操作

h2.icon-gear:before { background:url(\'gear.svg\') left bottom 100% 100% no-repeat; }
h2.icon-star:before { background:url(\'star.svg\') left bottom 100% 100% no-repeat; }

或者可以对svg进行URL编码，并将其嵌入到CSS本身中。