カスタマイズ

【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.カスタマイズの旅はつづく・・・٩(๑`^´๑)۶

AFFINGER5カスタマイズ記事

AFFINGER5
【AFFINGER5】サイドバー最上部の新着記事を非表示にする方法

こんにちは!SHINでございます♪   AFFINGER5でサイトページ構成を2カラム以上、つまりサイドバーのあるデザインで運営するなら必見。 今回は、AFFINGER5の導入初期時にデフォ ...

続きを見る

AFFINGER5,フォントカスタマイズ
【AFFINGER5】フォントカスタマイズでイメージをガラッと変えてみよう!

こんにちは、SHINでございます♪   今回、AFFINGER5のフォントデザインをガラッと変える2つの方法を解説していきます。   デフォルトでも十分ですけど、もっとポップにした ...

続きを見る

AFFINGER5
【AFFINGER5】ブログサイトの背景画像をオシャレに変える方法

こんにちは!SHINです♪ 今回は、ブログサイトの背景画像をオシャレに変えてみよう!というテーマでお話していきます♪   ただ注意してほしいのは、背景画像で大きくイメージが変わるということ。 ...

続きを見る

超簡単!サイドバーへTwitterタイムラインを埋め込む方法
【AFFINGER5】超簡単!サイドバーへTwitterタイムラインを埋め込む方法

こんにちは!SHINです♪ 今回Twitterのタイムラインを、サイドバーに表示させる方法をお話していきます♪   何で「サイドバー」なのかと言うと、2カラムサイトであればトップページはもち ...

続きを見る

【AFFINGER5】記事下にアドセンス横並び+リンク広告をセット表示する方法
【AFFINGER5】記事下にアドセンス横並びとリンク広告をセット表示する方法

こんにちは。SHINです♪   Googleアドセンス広告の設置方法に、PHPやカスタムCSSにコードを記述する方法がありますけど、正直・・・ めんどくさい! ややこしい! むずかしい! わ ...

続きを見る

【AFFINGER5】カエレバ・ヨメレバを実装!カスタマイズデザイン6選
【2019最新版】カエレバ・ヨメレバをコピペで実装するカスタマイズ5選

こんにちは。WordPessテーマ研究家SHINです。 カエレバ&ヨメレバは、Amazonや楽天市場、Yahoo!ショッピングなど複数サイトの商品アフィリエイトリンクを、ボタンに設置して告知できるツー ...

続きを見る

【AFFINGER5】スマホフッターに固定メニューを設置する方法-min
【AFFINGER5】スマホフッターに固定メニューを設置する方法

こんにちは。WordPressテーマ研究家SHINです。 スマホユーザーへ訴求する重要なポジションとも言えるのがフッターメニューですよね。   スマホフッターメニューと言えば、パソコンで言う ...

続きを見る

【AFFINGER5】コレは使える!クリップメモのアイコンカスタマイズ大特集
【AFFINGER5】コレは使える!クリップメモのアイコンカスタマイズ集

"AFFINGER5生活"も、かれこれ3ヶ月ほど。相変わらずの使いやすさに、ほれぼれ感が全く薄れないSHINです。   今回は、タグパーツの一つ「クリップメモ」のアイコンを、いろんなバリエー ...

続きを見る

alt=【AFFINGER5】テキストやアイコン画像をアニメーション化できる機能紹介
【AFFINGER5】テキストやアイコン画像をアニメーション化できる機能紹介

AFFINGER5に実装されている機能に、テキストやアイコン、画像を簡単にアニメーションにできる機能をご紹介していきます。 こんにちは。WordPressテーマ研究家SHINです。   AF ...

続きを見る

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

SHIN

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

-カスタマイズ

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