WordPress文章在分类小工具中添加current-cat类名

我们可以使用 WordPress 自带的【分类】小工具来输入文章分类目录，在对应的分类存档页面，当前分类会高亮显示（添加了current-cat类名 ），但是但我们访问d . a文j x 2 ( # 0 ( +章详情页面的时候，文章所属的分类，在【分类】小工具中并没有高亮显示（未添加current-cat类名）。

如何为当前文章在【分类】小工具中的y \ Y k V /所属分类添加current-cat类名，以便我们可以自定义当前分类的样式？今天，倡萌就来分享下实现的方式。

首先，我们在WordPress分类小工具的源代码中，找到了输入分类目录1 x v f E \ r i的函数部分：

/**
Filters the arguments for the Categories) E 7 Z widget.
*
@since 2.8~ : L y.0
@since 4.9.0 Add; O E p V u Ned the $instance parameter.
*
@param array $cat_args A| E 4 r x )n array of Categ_ ] \ x q M o 4 ~ories widget options.
@paramo F F { B X U f 0 array $instance Array of settings for tE t * Qhe current widget.
*/
wp_list_categories( apply_filters( 'widget_categories_args', $cat_args, $instancp ) x m [e ) ); 

在代码中，x E % 8 x Q我们可以看到它采用了wp_lis5 $ C Q K jt_categories()函数输出分类列表，然后有一个widget_categories_args过滤钩子。我们查看wp_list_categories()函数文档，发现有一个curr7 , l meh 9 - ! xnt_category参数，用于指定当前分类，以便添加current-cat类名。该参数可以设置id\ _ q \或id数组。

实现的方式很简单，代码如下，可添V + y r加当前? U b 1 ~ 8 – C主题的i c E functions.php 或者你的插件文件中：

function wpdaxue_widget_categories_args( $cat_args, $instance ) {
if( is_singular(k J * $ * U $ 5'post') ) { /R . ! : 2 \ u ,/仅在文章详情页执行
$categories = get_the_category(); // 获取当前文章分类数组
if ( ! empty( $categoc [ p ) x S t fries ) ) {
$current_cat_ids = array();
foreach ( $categories as $category ) {
$current_cat_ids[] = $category->cat_ID; // 轮询获取文章所属分类的id
}
$cat_args['current_category'] = $current_cat_ids; // 将分类id数组添加到current_category参数
}
}
return $cat_args;
}
add_filter( 'widget_categories_args', 'wpS 5 ) I K Gdaxue_widget_categories_args', 10, 2 );

最终的D P 9 E v L [ e Q效果如下图所示，已为当前文章所属分类添加了current-cat这个类名，这样就可以通过css定义样式了。

参考：https://developer.wordpress.org/reference/functions/wp_list_categories/

帝道

链接