カスタマイズ

【AFFINGER5】カテゴリーの色(カラー)を変更する手順を解説

alt=AFFINGER5 カテゴリーカラー編集

AFFINGER5の「カテゴリー」で表示しているBOXカラーを編集するカスタマイズを解説していきます。

こんにちは。WordPressテーマ研究家SHINです。

 

AFFINGER5はカテゴリーカラーを変更できるものの、カスタマイズ編集が分からない方って結構多いと思います;僕も分からず迷いましたので(笑)

 

実は非常に簡単でして、カラーコードで統一色にすぐ変えられます。

では早速カテゴリーカラーを変えていきましょう。

 

カテゴリーBOXを表示ONに設定

まずは、カテゴリーを表示する設定をしていきましょう。

 

step
1
まずWordPressダッシュボードから「AFFINER5管理」に入ります。

alt=AFFINGER5 カテゴリー表示設定

 

step
2
AFFINGER5管理内メニュー「投稿・固定記事」を表示して、画像にある記事タイトル上のカテゴリはチェックを外しておき、記事一覧や関連記事にも表示させたい場合は、2つ下にもチェックを入れます。

alt=AFFINGER5 カテゴリー表示設定1

カテゴリーBOXを表示する設定は、たったこれだけでOK。早速カラー編集してきましょう。

 

カテゴリーBOXカラーをカスタマイズする手順

早速カテゴリーにカラー装飾していきましょう。

 

step
1
WordPressダッシュボードから「投稿」>「カテゴリー」と進みます。

alt=AFFINGERE5 カテゴリーカラー変更

 

step
2
カラーを変更したいカテゴリーの「編集」をクリックして進みましょう。

alt=AFFINGERE5 カテゴリーカラー変更1

 

step
3
編集画面に移り一番下へスクロールしていけば、画像のようにカラー設定ができます。

alt=AFFINGERE5 カテゴリーカラー変更2

SHIN
カテゴリーカラーは統一させる為にカラーコードで設定するのがおすすめ♪

最後に「更新」をクリックして完了!

 



 

alt=AFFINGER5 カテゴリーカラー
alt=AFFINGER5 カテゴリーカラー1
alt=AFFINGER5 カテゴリーカラー2

指定した色にカテゴリーが変わりました♪

 

カラーを変更する際の注意点

カテゴリーが多い場合でも、カラフルすぎると統一性がなくなるので注意しましょう。

またブログコンセプトに合わせたカラー調を考えて色合いを決めていくと、よりカラーが映えます。

 

まとめ

今回はカテゴリーの色を編集カスタマイズする方法を解説しました。

AFFINGER5ユーザーの方に参考になれたら嬉しいです(*≧∀≦)ノ゙

 

ps.カスタマイズの旅はつづく・・・٩(๑`^´๑)۶

  • この記事を書いた人
  • 最新記事
SHIN

SHIN

WordPressテーマ研究家のSHINです。WPテーマとコーヒーをこよなく愛し、日々マウスをカチカチ!キーボードをパチパチ!しながら研究をしている人。

-カスタマイズ

Copyright© WordPress theme NAVI , 2020 All Rights Reserved Powered by AFFINGER5.