WordPress | Für jede Kategorie eine eigene CSS-Klasse hinzufügen

Folgendes Skript in Deine functions.php kopiert und du erhälst pro Kategorie eine eigene CSS-Klasse.

function DeinTheme_category_class($categoryClass){
  $categories = get_the_category();

  if ( !$categories || is_wp_error($categories) ) {
    return $categoryClass;
  }

  $showCategory = '<ul>';
  foreach ( $categories as $category ) {
    $showCategory .= '<li class="category-' . $category->slug . '"><a href="' . esc_url(get_category_link($category->term_id)) . '">' . $category->name . '</a></li>';
  }
  $showCategory .= '</ul>';

  return $showCategory;
}
add_filter( 'the_category', 'DeinTheme_category_class');

Um Deine Kategorien im Template angezeigt zu bekommen, einfach folgende Code an gewünschter Position im Template hinzufügen.

<?php the_category(' ') ?>

 

Getestet mit WordPress 4.9.8