![](https://babylon-liq.com/wp-content/uploads/2021/01/4782178.jpg)
![](https://babylon-liq.com/wp-content/uploads/2021/02/publicdomainq-0030186wwq-600x545.jpg)
affingerのカテゴリーboxの色を変えたい!
そんな方の為に記事を作成しました。
デフォルトだとこんな感じに同じ色で統一されているかと思います。
PC表示だとコチラ
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color5.png)
スマホ表示だとこちら
![](https://gekkolog.com/wp-content/uploads/2021/01/ゲコログ!-898x1024.png)
これを「カテゴリーごとに色を変えたい」という方はぜひやってみてください。
やり方も非常に簡単ななので、この記事を見れば100%出来ますよ!
それでは始めます。
カテゴリーboxを表示させる
そもそもカテゴリーboxが無い方もいると思うので、まずは表示方法を説明します。
既に表示されている方は読み飛ばして大丈夫です。
step
1まずは、ダッシュボードから「Affinger管理」をクリックします。
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color2-1024x940.png)
step
2affinger6管理の「投稿・固定記事」をクリックして、「記事タイトル上のカテゴリを非表示にする」のチェックを外し、「記事一覧・関連記事一覧などにカテゴリを表示する」にチェックを入れます。
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color3-1024x770.png)
※ちなみに、「記事一覧・関連記事一覧などにカテゴリを表示する」の下の「記事一覧のカテゴリを下に表示」にチェックを入れると、記事一覧でのカテゴリの表示場所が変わります。
その違いが下記です。
チェック有り
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color5-1.png)
チェック無し
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color4.png)
つまり、カテゴリーが上に行くか下に行くかの違いです。
僕はタイトルの方を優先的に見てほしいので下(チェック有り)にしてます。
![](https://babylon-liq.com/wp-content/uploads/2021/04/publicdomainq-0002164hhm-600x561.jpg)
カテゴリーboxのカラーを変更・カスタマイズする方法
それでは本題のカテゴリーboxの色を変更していきましょう。
step
1ダッシュボードの「投稿」→「カテゴリー」と進みます。
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color-663x1024.png)
step
2色を変更したいカテゴリーの編集をクリックします。
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color6-1.png)
こちらでは「プログラミング」というカテゴリーの色をカスタマイズしていきます。
step
3背景色の部分で色を変更します。決まったら「更新」ボタンをクリックします。
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color7.png)
カラーカスタマイズはカンタンです。
色をパレットから選んで濃淡を変更することもできますし、カラーコードを入力することもできます!
これで完了です!お疲れさまでした!
結構簡単だったと思います。
それでは最後に確認しましょう。
変更前
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color5-2.png)
変更後
![](https://babylon-liq.com/wp-content/uploads/2021/01/category-color8-794x1024.png)
こんな感じで変わっているかと思います。
今回はこの辺りで終わろうかと思います。
ありがとうございました。