WordPress 默认提供了分类目录，文章归档等小工具，在前台开发中，由于分类目录和文章归档显示的文章数量没有添加标签，导致写样式比较麻烦，如果添加上标签，使用弹性盒子（Flex）或网格布局（Grid）来布局就相当方便。

通过 WordPress 过滤器和 PHP 替换字符串函数 str\_replace 就可以完美解决，代码如下：

```
/*添加 span 标签到分类列表和文章归档中的数量上*/
add_filter('get_archives_link', 'salong_widget_post_count_span');
add_filter('wp_list_categories', 'salong_widget_post_count_span');
function salong_widget_post_count_span($links) {
    /*替换字符串*/
    $links = str_replace('</a> (', '</a> <span>(', $links);
    $links = str_replace(')', ')</span>', $links);
    return $links;
}
```

可以查看 [Slearn](https://slearn.yfdxs.com) 主题演示站的边栏效果。