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

2019-09-0115:55:20网站建设与开发Comments2,677 views字数 658阅读模式

做主题开发的时候,要为“分类目录”和“文章归档”小工具进行样式定制,发现后面的“文章数目”没有任何html标签包裹,不便于进行样式附加。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16006.html

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

所以我们需要为“文章数目”添加一个span标签包裹。方法很简单,将下面的代码添加到主题的 functions.php 文件即可:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16006.html

/**
 * 为“分类目录”的文章数目添加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' );

最终得到的效果如下所示:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16006.html

WordPress主题开发:为“分类目录”和“文章归档”小工具文章数目添加span标签
文章数目已经用 span 包裹
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/16006.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/cms/16006.html

Comment

匿名网友 填写信息

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

确定