How to display different color of displayed categories in Wordpress?

Question

WordPress

The category name looks like this:

<a class="post-category-color-text" style="background:#36c942" href="#">
<?php $category = get_the_category();  echo $category[0]->cat_name; ?></a>

How can I make the background change with different category names?

Answer 1

You can add a class that is equal to the category slug and css for each class has its own background.

<?php $category = get_the_category(); ?>
<a class="post-category-color-text <?php echo $category[0]->slug; ?>" style="background:#36c942" href="#">
<?php echo $category[0]->cat_name; ?>
</a>

/* Пример  */
/* Для slug = animals */
.animals{
  background: #eee;
}
/* Для slug = birds */
.birds{
  background: #ccc;
}