広告 AFFINGER

AFFINGER6【カテゴリーページのカスタマイズ方法】実例も紹介

2023年1月8日

AFFINGER背景画像A

AFFINGER6にて、カテゴリーページをカスタマイズする方法の紹介です。

※AFFINGER5でも可能

任意のコンテンツの挿入やアイキャッチ画像の設定、背景色の変更などができます。

 

こんな人のお役に立てる記事です。

小豆
小豆
AFFINGER6で、カテゴリーページの表示をカスタマイズしたい。
デフォルトでは「カテゴリー名」と「記事一覧」が表示されるだけ・・。
記事上部に「おすすめ記事」とかピックアップ表示させたいんだけど。

カテゴリーページを自分好みにカスタマイズ【AFFINGER6】

まずは早速ですが、デフォルトの状態のカテゴリーページがこちら。

デフォルトのカテゴリーページ

上記のように、AFFINGERではカテゴリーページに「カテゴリー名」と「記事一覧」が表示されます。

この状態もシンプルで嫌いではないのですが・・。

大福
大福
記事一覧の上に「おすすめの記事」なんかをピックアップ表示できたらいいのに・・。

 

たとえば当ブログの場合、全体の記事数は500記事越え。

こうなってくると、カテゴリーページのページ数も以下のような感じです。

カテゴリーページのページ数

小豆
小豆
なるほど。
確かにこれだと「本当に読んでほしい記事」になかなか辿り着いてもらえなそうだね。
そうなんだ。
だから「すべての記事」とは別に「これは読んでほしい」って記事を別途表示させたいんだ。
大福
大福

 

というわけで、早速やってみました。

カテゴリーページのカスタマイズ後

カテゴリーページ上部に、任意の記事を無事ピックアップ表示することができました。

これなら、数ある記事の中から「読んでもらいたい記事」を目立たせることができますね。

ちなみに、挿入するコンテンツは自由自在。

記事へのリンクはもちろん、画像や好きなテキストを入力することも可能です。

 

カテゴリーページは自動生成されている

小豆
小豆
そもそも、自分でカテゴリーページなんて作った覚えがないんだけど・・。
だから、どこから編集するかも検討がつかない。
カテゴリーページは、カテゴリー作成時に自動的に生成されているんだ。
画像で確認
大福
大福

 

カテゴリーページ編集画面では、以下の設定を行うことができます。

  • カテゴリー名の変更
  • カテゴリーページURL(スラッグ)の変更
  • 親カテゴリーの変更
  • コンテンツの挿入
  • アイキャッチ画像の設定
  • カテゴリータイトルの書き換え
  • メタキーワードの設定(SEO対策)
  • メタディスクリプションの設定(SEO対策)
  • カテゴリーページの背景色の設定
  • カテゴリー記事一覧表示の有無
  • SNSボタン表示の有無

カスタマイズ方法

手順

  1. カテゴリーページ編集画面を開く
  2. 任意のカスタマイズを行う
  3. 更新して終了

 

step
1
カテゴリーページ編集画面を開く

カテゴリー編集ページへのアクセス

WordPressメニュー → 投稿 → カテゴリー

 

step
2
任意のカスタマイズを行なう

カテゴリーページの編集

編集を行いたいカテゴリーを選択 → 編集

カテゴリーページの編集項目

全ての編集項目を見てみる

 

それぞれの項目から、以下のカスタマイズが行えます。

名前 カテゴリー名の設定
※カテゴリー名そのものを変更したい時に編集
スラッグ カテゴリーページのURLの設定
※カテゴリーページのURLを変更したい時に編集 
親カテゴリー 親となるカテゴリーの設定
説明 カテゴリーページへのコンテンツの追加
※カテゴリー記事一覧の上に表示される
アイキャッチ画像を登録 カテゴリーページにアイキャッチ画像を設定
カテゴリータイトルの書き換え デフォルトで表示されるカテゴリー名を変更したいときに編集
例:AFFINGER(デフォルト)→AFFINGER記事一覧(編集後)
カテゴリーのメタキーワード SEO対策としてメタキーワードを設定(任意)
カテゴリーのメタディスクリプション SEO対策としてメタディスクリプションを設定(任意)
背景色 カテゴリーページの背景色の設定
投稿の一覧 投稿記事の一覧表示の有無 デフォルトでは「する」
※「しない」を選択すると、記事一覧が表示されなくなる
SNSボタンの表示 SNSボタンの表示の有無 デフォルトでは「しない」 
※「する」を選択すると、記事一覧下にSNSボタンが表示される
小豆
小豆
このブログの場合は、「説明」をカスタマイズしたってことね。
そうそう。
ここに追加したコンテンツが、カテゴリーページ上部に表示されるようになるんだ。
大福
大福

 

step
3
更新して終了

編集後に更新

カスタマイズ後は、忘れずに更新をクリック

カテゴリーページにおすすめのコンテンツ3選

小豆
小豆
カテゴリーページのカスタマイズ方法は分かったけど・・。
具体的に何を表示すればいいか思いつかない。

こんな場合は、以下のコンテンツの挿入がおすすめです。

 

カテゴリーページにおすすめ

  1. 読んでもらいたい記事
  2. メッセージ
  3. 画像

 

読んでもらいたい記事

そのカテゴリーの中でも、特に読んでもらいたい記事をピックアップ表示します。

  • よく読まれている記事
  • おすすめ記事
  • 収益化に繋がる記事
おすすめの表示方法は、以下の2つだよ。
大福
大福

 

テキストリンクで表示

内部リンクテキスト

表示したい記事数が5記事以上になる場合は、テキストリンクでの表示がおすすめ。

画像付きリンク(カードリンク)での多数表示は、スペースも取るし数が多過ぎると煩わしく感じる場合も・・。

小豆
小豆
確かに。
この記事の下にも画像付きでカテゴリー記事一覧が並ぶわけだからね。

 

カードリンクで表示

内部リンク画像

表示したい記事数が3記事程度の場合は、カードリンクでの表示がおすすめです。

テキストリンクに比べ表示も大きく、より目立たせることができます。

 

メッセージ

カテゴリーページを訪問してくれたユーザーに対するメッセージを入力します。

メッセージを表示することで、より「記事をもっと読んでみたい」という気持ちを盛り上げることができます。

たとえば、こんな感じ。
大福
大福

テキストメッセージ

 

画像

画像を挿入することで、無機質だったデフォルトのカテゴリーページを華やかにできます。

パッと見で、どんなカテゴリーページなのかを視覚に訴えることが可能です。

カテゴリーページに画像を挿入

カテゴリーの内容にあった画像を使うと効果的だよ。
大福
大福

 

画像の入手先が分からない人には、以下のサイトがおすすめです。

ブログに最適な著作権フリーの無料画像が盛りだくさん!

キーワードでの検索が可能で、目的の画像がすぐに見つかります。

写真ACを見てみる

 

 

まとめ:カテゴリーページをカスタマイズしよう

AFFINGER6なら、簡単にカテゴリーページのカスタマイズが可能です。

AFFINGERブログはたくさん存在しますが、このカスタマイズを行っている人は少な目。

多くのブログと差別化するチャンスですね。

 

  • 関連記事

Sponsored Links

  • この記事を書いた人

大福

ブロガー兼アフィリエイター歴5年目。
当ブログのアクセス数は月7万PVほど。
月に20万円ほどのブログ収入で、田舎でのんびりと暮らしています。
人懐っこい性格ですが、人見知りです。

-AFFINGER