WordPressのカテゴリーに背景色を付ける方法 ↓

 

こちらのサイトが良いですね。↓

 

【WordPress】カテゴリ一覧のCSSデザイン

 

下記のソースをWordPressのカスタマイズの「追加 CSS」に追記するだけ。

.widget_categories ul{
list-style-type:none;
padding-left: 0;
}
.widget_categories li:not(.children) a{
display: block;
padding: 4px;
margin: 1px;
color: #fff;
background: #47bea0;
transition: .5s;
}
.widget_categories li:not(.children) a:hover{
background: #009966;
}
.widget_categories .children li a{
display: block;
padding: 4px;
margin: 1px;
color: #000;
background: #FFF;
transition: .5s;
}
.widget_categories .children li a:hover{
background: #E0E0E0;
}

 

なお、上記では子カテゴリーの背景色は変わりません。

 

子カテゴリーの背景色も変えたい場合は、後半部分の「background: #FFF」「background: #E0E0E0」の2つを変えれば良いだけ。

 

カテゴリー毎に背景色を変えたい場合は、複雑になります。(他のサイトで説明してあるので、ここでは略w

 

まぁ、カテゴリーは分かりやすく一色の方が良いと思いますが。