如何为WordPress单一帖子的类别添加图标

Question

我正在制作一个WordPress主题，我想为Category添加不同的图标。基本上我想要如果我在添加WordPress帖子时选择音乐类别，那么单个帖子中的类别之前应该有音乐图标。 （已添加屏幕截图）

如果我选择图像类别，则单个帖子页面中的类别前应该有图像图标。我正在使用WordPress，我实际上看到了这个WordPress主题的工作：

我打算使用Font-Awesome图标......任何人都可以在这里寻求帮助：）

Answer 1

在the_category挂钩上应用过滤器以修改the_category函数的HTML并添加类名。此代码来自WordPress StackExchange答案。

function add_class_callback( $result ) {

  $class = strtolower( $result[2] );
  $class = str_replace( ' ', '-', $class );

  $replacement = sprintf( ' class=""><i class="fa %s"></i>%s</a>', $class, $result[2] );
  return preg_replace( '#>([^<]+)</a>#Uis', $replacement, $result[0] );

}

function add_category_slug( $html ) {

  $search  = '#<a[^>]+(\>([^<]+)\</a>)#Uuis';
  $html = preg_replace_callback( $search, 'add_class_callback', $html );

  return $html;
}

add_filter( 'the_category', 'add_category_slug', 99, 1 );

上面的函数应该添加所需的标记。然后，在样式表中包含以下CSS。

.post-categories .music:before {
    content: "\f001";
}