カテゴリーリストにCSS Classを追加する

WordPress4.2から、category_css_class フィルタが追加されました。

このフィルタを使う事で、Category　Widgetや、wp_list_categories()に、CSSクラスを追加することが出来るようになりました。

functions.phpに以下のようにフィルタを書くことで、子カテゴリーがある場合や、カテゴリスラッグのクラス等、自由にクラスを追加できます。

add_filter( 'category_css_class','raindrops_category_css_class',10,4 );

function raindrops_category_css_class($css_classes, $category, $depth, $args) {
	
	$children= get_term_children($category->term_id, 'category' );
	
	if( false !== $children ){
		$css_classes[]= 'has_child_category';
	}
	
	$css_classes[]= sanitize_html_class( $category->slug );
	
	return $css_classes;
}