【AFFINGER6】記事項目の「カテゴリー」「 投稿日時・ぱんくず・タグ」配色設定とカスタマイズ方法を解説

2021年9月26日

 

今回は、このブログ『ルーティンラボ』にて使用しているWordPressテーマ「AFFINGER」の「カテゴリー」「投稿日時・ぱんくず・タグ」の配色設定とカスタマイズ方法を紹介していきます。

 

設定項目は、記事ページの以下の項目です。

 

 

ブログも細部のカスタマイズを行うことで、読者の方にとって見やすい作りになり、閲覧率の向上にもつながります。

 

自分の好みに設定が行えるように参考にしてみてください!

 

 

\ 当ブログ使用テーマ /

  • 誰でもかんたんにオシャレデザイン
  • インフォトップ月間総合ランキング第1位
  • SEO対策と広告収入UP機能を標準装備!

初心者から有名ブロガーまで愛用されているSEO最強WordPressテーマ。下記のボタンから購入で、今なら5,000円相当のプラグインが無料でついてきます。

AFFINGER6の購入はこちら

 

\ AFFINGERのカスタマイズまとめ /

【徹底的に解説】AFFINGER6の設定・デザインをカスタマイズ方法まとめ

続きを見る

 

「投稿日時・ぱんくず・タグ」の配色のカスタマイズと表示切り替え

「投稿日時・ぱんくず・タグ」に関しては以下の項目

  • 配色のカスタマイズ
  • 表示切り替え

の設定について解説していきます。

 

ぱんくずリスト」と「投稿日時」は以下の項目です。

 

「投稿日時・ぱんくず・タグ」項目の配色変更について

WordPressの管理者画面より、「外観」→「カスタマイズ」を選択してください。

 

 

カスタマイズ画面が表示されたら、「見出しタグ(hx)/テキスト」→「投稿日時•ぱんくず•タグ」を選択してください。

 

投稿日時•ぱんくず•タグ」の配色の変更が行えます。自分好みの配色に設定しましょう!

 

↑↑ こんな感じで色のカスタマイズが可能です ↑↑

 

「カテゴリー」のカスタマイズ方法

次に記事ページ上部にある「カテゴリー」に関しては以下の項目

  • 配色のカスタマイズ
  • 「カテゴリー」の角を丸くする

の設定について解説していきます。

 

記事ページ上部にある「カテゴリー」とは以下の項目です。

 

 

「カテゴリー」項目の配色変更について

WordPressの管理者画面より、「外観」→「カスタマイズ」を選択してください。

 

 

 

カスタマイズ画面が表示されたら、「見出しタグ(hx)/テキスト」→「カテゴリー」を選択してください。

カテゴリー」の配色の変更が行えます。自分好みの配色に設定しましょう!

 

配色の変更が行える項目は以下の通りです。

  • 「カテゴリー」項目の背景色
  • 「カテゴリー」項目の文字の色

 

↑↑ こんな感じで色のカスタマイズが可能です ↑↑

 

「カテゴリー」項目の角を丸くする設定について

続いて、記事上部の「カテゴリー」の項目の形の変更の設定方法について解説します。形の変更は、「角をつける」か「角を丸くする」の設定が行えます。

 

設定画面は、先ほど同様WordPressの管理者画面より、「外観」→「カスタマイズ」→「見出しタグ(hx)/テキスト」→「カテゴリー」を選択してください。

 

以下の設定画面から行えます。

 




「角を丸くする」にチェックを入れると以下のような形に変更が行えます。

「角を丸くする」にチェックを外すと以下のような形に変更が行えます。


 

ここでの「カテゴリー」の形の設定は、固定ページやトップページにも反映されます。それを踏まえて、設定を考えてみてください!

 

記事タイトル上にあるカテゴリの表示切り替え

次に記事ページ上部にある「カテゴリー」の表示のON/OFFの設定を解説していきます。以下の赤枠の項目です。

 

WordPressの管理者画面より、「AFFINGER管理」→「投稿•固定記事」を選択してください。

 

 

 

カテゴリ・タグ」項目にある「 記事タイトル上のカテゴリを非表示にする」の項目のチェックのON/OFFで設定可能です。

 

  

 

以下のように、設定が切り替えられます。

 





 

 

投稿ページ記事下のタグ・カテゴリリンクの表示切り替えについて

ここでの設定は、記事下にある「タグ」と「カテゴリリンク」の表示のON/OFFの設定を解説します。

 

以下の項目の表示切り替えを行なっていきます。

 

WordPressの管理者画面より、「AFFINGER管理」→「投稿•固定記事」を選択してください。「カテゴリ・タグ」項目にある「 投稿ページ記事下のタグ・カテゴリリンクを非表示にする」の項目のチェックのON/OFFで設定可能です。

 

 

以下のように、設定が切り替えられます。

 





 

今回の解説は以上です。記事ページの細かい設定でしたがわざわざ閲覧しに来てくれる読者み直感的にわかりやすい作りにカスタマイズしておくことは、とても大切です。

 

また、当ブログにて使用中のWordPressテーマの「AFFINGER」もリンクより購入可能です。ぜひ参考にしてください!

  • この記事を書いた人

ANZU

ブログで毎日コツコツ積み上げ|ITスキルとライフハックをアウトプット|プログラミングも独学中|より良い学びと習慣のノウハウを発信| 詳細はブログに掲載していきます。

-AFFINGER
-, , ,