カスタマイズ

【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】サイドバーの新着記事を非表示にする方法

WordPressテーマ「AFFINGER5」購入時もしくはテーマアップデート時に、サイドバーへ強制表示される新着記事一覧を非表示(削除)にする設定を解説していきます。 こんにちは。WordPress ...

続きを見る

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

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

続きを見る

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

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

続きを見る

alt=WordPress Twitterタイムライン 埋め込み 表示方法
【WordPress】10分で完了!Twitterタイムラインを埋め込み表示する方法

SNS(ソーシャル・メディア・サービス)のひとつ「Twitter」のタイムラインを、サイドバーやフッターエリアに埋め込んで表示する方法を解説していきます。 こんにちは。WordPressテーマ研究家S ...

続きを見る

alt=Googleadsense 広告横並び ダブルレクタングル
【AFFINGER5】アドセンス広告を横並び表示する方法+αカスタマイズあり

WordPressテーマ「AFFINGER5」で設定する「Googleアドセンス広告を横並び(ダブルレクタングル)で表示する方法」を解説していきます。 こんにちは。WordPressテーマ研究家SHI ...

続きを見る

【AFFINGER5】カエレバ・ヨメレバを実装!カスタマイズデザイン6選
【2020最新版】カエレバ・ヨメレバをコピペで実装するカスタマイズ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 , 2020 All Rights Reserved.