WORDPRESS

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法
 

あずきです🐥

 

当ブログでも愛用中の人気WordPressテーマ「ACTION AFFINGER6」における…

「カテゴリー・投稿日時・ぱんくずリスト」の色設定

のカスタマイズ方法について、ブログ初心者さん向けに1からわかりやすく解説していきます

 

実際の画面上で見ると、まず「カテゴリー」が…

 

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 top-01

 

つづいて「投稿日時」が…

 

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 top-02

 

そして「ぱんくずリスト」が…

 

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 top-03

 

上記の箇所をそれぞれ指します

赤枠で囲ったとこ!
 

補足

ブログ右側の「サイドバー」エリアに表示される【カテゴリー一覧】などの色設定については、別途こちらをどうぞ ↓

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法
AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

続きを見る

 

ということで、さっそく見ていきましょー🐥

 

 

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

 

まずは、WordPress管理画面の左側一覧から…

外観 > カスタマイズ

をクリックして「カスタマイズ」設定画面を開き、さらにそのなかの左側一覧から…

見出しタグ(hx)/ テキスト

というタブをクリックします

ここから、「カテゴリー」「投稿日時・ぱんくずリスト」の順に色設定をしていくよ!
 

ACTION AFFINGER6「カテゴリーの色設定」のカスタマイズ方法

WordPress ヘッダー b-01

 

「カスタマイズ」設定画面から「見出しタグ(hx)/ テキスト」タブを開いたら、そのなかの左側一覧から…

カテゴリ

というタブをクリックしましょう

 

するとそのなかに…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-1-01-a

↑ このように…

  • 背景色
  • 文字色
  • 角を丸くする

という項目があるので、こちらで任意の色やデザイン設定にカスタマイズすることができます

 

今回は例として…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-1-01-b

↑ こちらの内容に設定してみました(カラーコードなどは下記の通りです)

  • 背景色 → #523634
  • 文字色 → デフォルトのまま
  • 「角を丸くする」 → オフ
変更したら、左上の「公開」ボタンを忘れずにクリックしよう!
 

実際の画面上で確認してみると…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-1-02

↑ このようなカテゴリー表示になりました🐥(左上の、「こげ茶」背景で「白」文字になっているところ!)

 

このまま作業を続ける場合は、左上の < ボタンで1つ前の「見出しタグ(hx)/ テキスト」という画面に戻っておくと、このあとの手順がスムーズです

 

ACTION AFFINGER6「投稿日時・ぱんくずリストの色設定」のカスタマイズ方法

WordPress ヘッダー b-02

 

さきほどと同じく「見出しタグ(hx)/ テキスト」タブから、今度は…

投稿日時・ぱんくず・タグ

というタブをクリックしましょう

 

するとそのなかに…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-2-01-a

↑ このように…

  • テキスト色

という項目があるので、こちらで任意の色設定にカスタマイズできます

 

今回は例として…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-2-01-b

↑ こちらの色に設定してみます(カラーコードは下記の通り)

  • テキスト色 → #afafaf

また実際の画面で確認してみると…

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法 1-2-02

↑ このような感じに変更されました🐥

左側の【 HOME > 未分類 > 】と【 2021年●月●●日 】って部分のことだね!
 

今回の記事はこちらの章に属しています

 第6章 デザイン 編          

次の章はこちらからどうぞ

 第7章 記事投稿 編          

全9章のTOPページです

あずきのワードプレスブログ「完全初心者」ガイド

 

-WORDPRESS