Cocoonでカテゴリーを色分けする方法

Cocoonでカテゴリーを色分けする方法 Cocoon

有料級の無料テーマCocoon(コクーン)のカスタマイズ備忘録です。

今回はカテゴリー名を色分けする方法について解説します。

 

カテゴリ色の例

SEO効果はなさそうですが、オシャレになります。

設定は超カンタンなのでぜひ変更しておきましょう。

 

Cocoonでカテゴリーを色分けする手順

投稿→カテゴリ

1.まずはWordpressのダッシュボードで、「投稿」→「カテゴリー」をクリックします。

 

カテゴリー編集

2.色を変更したいカテゴリーにマウスを合わせると「編集」の表示が出てくるので、それをクリックします。

 

編集画面カテゴリ色

3.カテゴリー編集画面の「カテゴリ色」の欄で、背景色もしくは文字色の「色を選択」をクリックします。

 

カテゴリ色パレット

4.カラーパレットが表示されるので、任意の場所をクリックして色を変更します。

とりあえずはパレットの下にある8色から選べばいいと思います。(背景色を白にしたら文字色は黒などに変更しましょう)

また、もし細かく好みの色に変えたいならパレットの上の7桁の英数記号(16進数)を使えば、狙った色にしやすいです。

原色大辞典
原色大辞典

上記サイトに色見本+16進数のコードが載っているので参考にしてください。

 

カテゴリ色更新

5.変更が終わったら、忘れないように「更新」をクリックしましょう。

これで変更完了です。

 

なんとなく見た目がオシャレになりますし、カテゴリーが増えてきた時にパッと見でわかりやすくなります。

設定は簡単なのでCocoonを使っている方は、ぜひカテゴリ色を変更しておきましょう。

 

というわけで、今回は以上です。

 

コメント