AFFINGER 投稿記事のカスタマイズ

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

2021年9月26日

当サイトのコンテンツには、広告を記載している場合があります。＜景品表示法に基づく記載＞

 

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

 

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

 

 

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

 

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

 

この記事を書いた人

 

＼ 当ブログ使用テーマ ／

  • 誰でも簡単オシャレなデザイン！
  • インフォトップ月間総合第１位！
  • SEO対策と収益UPを標準で搭載！

有名ブロガーに愛用されているSEO最強WordPressテーマ。本ブログも使用中のカスタマイズ性が抜群のテーマです！

AFFINGER6の購入はこちら

 

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

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

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

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

 

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

 

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

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

 

 

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

 

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

 

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

 

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

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

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

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

 

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

 

 

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

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

 

 

 

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

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

 

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

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

 

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

 

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

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

 

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

 

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

 




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

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


 

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

 

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

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

 

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

 

 

 

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

 

  

 

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

 





 

 

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

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

 

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

 

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

 

 

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

 





 

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

 

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

参考トップページのカスタマイズに関する記事かこちら

 

参考アップデートやインストール・プラグインに関する記事はこちら

 

参考投稿記事のカスタマイズも関する記事はこちら

 

参考Gogleアドセンス×AFFINGERのカスタマイズについての記事はこちら

 

 

  • この記事を書いた人

せなお

ブログ月間1.6万PV｜YouTubeチャンネル登録者数1000達成！｜最新のITスキルとAIに関する情報発信｜ガジェットレビュー｜Webデザイン｜ 動画編集スキル｜X, Instagramでも情報発信｜本業の3倍稼ぐことのが目標

-AFFINGER, 投稿記事のカスタマイズ
-, , ,