当前位置:首页-WordPress文章-WordPress-正文

WordPress添加 span 标签到分类目录和文章归档文章数量上

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(' (', ' (', $links);
    $links = str_replace(')', ')', $links);
    return $links;
}

可以查看 Slearn 主题演示站的边栏效果。

本文原创,作者:萨龙龙,其版权均为4166am金沙信心之选所有。
如需转载,请注明出处:/wordpress-widget-category-archive.html

\u901a\u8fc7WordPress\u2026@\u8428\u9f99\u7f51\u7edc&appkey=746468751&pic=https:\/\/demo.salongweb.com\/mnews\/images\/default-thumb.jpg&searchPic=true","qq":"https:\/\/connect.qq.com\/widget\/shareqq\/index.html?url=https:\/\/salongweb.com\/wordpress-widget-category-archive.html&title=WordPress\u6dfb\u52a0 span \u6807\u7b7e\u5230\u5206\u7c7b\u76ee\u5f55\u548c\u6587\u7ae0\u5f52\u6863\u6587\u7ae0\u6570\u91cf\u4e0a&pics=https:\/\/demo.salongweb.com\/mnews\/images\/default-thumb.jpg&summary=WordPress\u9ed8\u8ba4\u63d0\u4f9b\u4e86\u5206\u7c7b\u76ee\u5f55\uff0c\u6587\u7ae0\u5f52\u6863\u7b49\u5c0f\u5de5\u5177\uff0c\u5728\u524d\u53f0\u5f00\u53d1\u4e2d\uff0c\u7531\u4e8e\u5206\u7c7b\u76ee\u5f55\u548c\u6587\u7ae0\u5f52\u6863\u663e\u793a\u7684\u6587\u7ae0\u6570\u91cf\u6ca1\u6709\u6dfb\u52a0\u6807\u7b7e\uff0c\u5bfc\u81f4\u5199\u6837\u5f0f\u6bd4\u8f83\u9ebb\u70e6\uff0c\u5982\u679c\u6dfb\u52a0\u4e0a\u6807\u7b7e\uff0c\u4f7f\u7528\u5f39\u6027\u76d2\u5b50\uff08Flex\uff09\u6216\u7f51\u683c\u5e03\u5c40\uff08Grid\uff09\u6765\u5e03\u5c40\u5c31\u76f8\u5f53\u65b9\u4fbf\u3002

\u901a\u8fc7WordPress\u2026&site=\u8428\u9f99\u7f51\u7edc","zone":"https:\/\/sns.qzone.qq.com\/cgi-bin\/qzshare\/cgi_qzshare_onekey?url=https:\/\/salongweb.com\/wordpress-widget-category-archive.html&title=WordPress\u6dfb\u52a0 span \u6807\u7b7e\u5230\u5206\u7c7b\u76ee\u5f55\u548c\u6587\u7ae0\u5f52\u6863\u6587\u7ae0\u6570\u91cf\u4e0a&desc=WordPress\u9ed8\u8ba4\u63d0\u4f9b\u4e86\u5206\u7c7b\u76ee\u5f55\uff0c\u6587\u7ae0\u5f52\u6863\u7b49\u5c0f\u5de5\u5177\uff0c\u5728\u524d\u53f0\u5f00\u53d1\u4e2d\uff0c\u7531\u4e8e\u5206\u7c7b\u76ee\u5f55\u548c\u6587\u7ae0\u5f52\u6863\u663e\u793a\u7684\u6587\u7ae0\u6570\u91cf\u6ca1\u6709\u6dfb\u52a0\u6807\u7b7e\uff0c\u5bfc\u81f4\u5199\u6837\u5f0f\u6bd4\u8f83\u9ebb\u70e6\uff0c\u5982\u679c\u6dfb\u52a0\u4e0a\u6807\u7b7e\uff0c\u4f7f\u7528\u5f39\u6027\u76d2\u5b50\uff08Flex\uff09\u6216\u7f51\u683c\u5e03\u5c40\uff08Grid\uff09\u6765\u5e03\u5c40\u5c31\u76f8\u5f53\u65b9\u4fbf\u3002

\u901a\u8fc7WordPress\u2026&summary=&site=\u8428\u9f99\u7f51\u7edc"}>