WordPress主题开发:为“分类目录”和“文章归档”小工具文章数目添加span标签

2019年9月1日15:55:20 发表评论 354 views

做主题开发的时候,要为“分类目录”和“文章归档”小工具进行样式定制,发现后面的“文章数目”没有任何html标签包裹,不便于进行样式附加。

WordPress主题开发:为“分类目录”和“文章归档”小工具文章数目添加span标签
文章归档和分类目录 勾选 显示文章数目

所以我们需要为“文章数目”添加一个span标签包裹。方法很简单,将下面的代码添加到主题的 functions.php 文件即可:

/**
 * 为“分类目录”的文章数目添加span
 */
function wpkj_cat_count_span( $links ) {
    $links = str_replace( '</a> (', '</a><span class="post-count">(', $links );
    $links = str_replace( ')', ')</span>', $links );
    return $links;
}
add_filter( 'wp_list_categories', 'wpkj_cat_count_span' );

/**
 * 为“文章归档”的文章数目添加span
 */
function wpkj_archive_count_span( $links ) {
    $links = str_replace( '</a> (', '</a><span class="post-count">(', $links );
    $links = str_replace( ')', ')</span>', $links );
    return $links;
}
add_filter( 'get_archives_link', 'wpkj_archive_count_span' );

最终得到的效果如下所示:

WordPress主题开发:为“分类目录”和“文章归档”小工具文章数目添加span标签
文章数目已经用 span 包裹

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: