よくブログでおすすめ記事の一覧を見かけますが、どうやってるんですか?
おすすめ記事一覧を表示する方法を教えてください。
こんなお悩みを解決します。
この記事を書いた人
当ブログはAFFINGER6を1年以上使用しています。そんな僕が、AFFINGER6でおすすめ記事一覧を表示する方法をご紹介します。
おすすめ記事一覧を表示させる場合、通常であれば専用のプラグインが必要ですが、AFFINGER6であればプラグイン無しで簡単に表示できます。
とはいえ、実際にどうやっておすすめ記事一覧を表示すればいいのかわからない方も多いのではないでしょうか?
そこで今回は、AFFINGER6でおすすめ記事一覧を表示する方法について解説していきます。
また、記事の後半では、AFFINGER6でおすすめ記事一覧をカスタマイズする方法や、おすすめ記事一覧を表示するメリットについてもご紹介していますので、ぜひ最後まで読んでみてくださいね。
本記事を最後まで読むことで、読者の回遊率がUPするおすすめ記事一覧を表示できるようになりますよ。
まだAFFINGER6を導入していないという方は、「AFFINGER6の評判は?1年以上使った感想を本音レビュー」の記事を参考にしてみてください。
-
AFFINGER6の評判は?1年以上使った感想を本音レビュー
続きを見る
AFFINGER6でおすすめ記事一覧を表示する方法
早速、AFFINGER6でおすすめ記事一覧を表示する方法を解説していきます。
おすすめ記事一覧とは下記の赤枠の部分です。
当ブログでは「よく読まれている記事」にしていますが、自由に変更できるのでこれから手順を解説していきますね。
まず、WordPressの管理画面に移動します。
WordPressの管理画面から、「AFFINGER管理」をクリックします。
上記の画面が表示されたら、①「ヘッダー下/おすすめ」→②「おすすめ記事一覧」の順にクリックします。
ここから、おすすめ記事一覧の設定をしていきます。
上記の画面が表示されたら、①〜③の項目を入力します。
- おすすめ記事一覧に表示する文字を入力する
- 任意の人気記事を指定する
- 記事一覧を表示する場所を指定する
1つずつ順番に解説していきます。
①:おすすめ記事一覧に表示する文字を入力する
おすすめ記事一覧に表示する文字は、下記の画像の通り記事一覧のタイトル部分になります。
例えば、「人気記事ランキング」にして、先ほどご紹介した番号を表示させることもおすすめです。
他には、「よく読まれている記事」や「おすすめ記事一覧」など、お好みで設定してみてください。
②:任意の人気記事を指定する
ここで、一覧に表示したい記事IDを入力します。
ちなみに記事IDの確認方法は下記の手順で進めてください。
- WordPressの管理画面へ移動する
- 「投稿」→「投稿一覧」の順にクリックする
- 一覧に表示したい記事のIDを確認する
複数の記事を表示させる場合は、「,」カンマで区切って入力してくださいね。
③:記事一覧を表示する場所を指定する
ここでは、おすすめ記事一覧を表示する場所を指定します。
- サイドのスクロールに表示にする(抜粋非表示)
- 投稿の記事下に表示にする
- 固定記事の下に表示にする
- トップの最上部表示にする
- トップの挿入固定記事下に表示にする
- カテゴリーに表示にする
指定する場所もお好みでOKですが、当ブログはサイドバーに設置しています。
サイドバーは、読者の目にとまりやすい場所なのでおすすめです。
サイドバーに表示する場合は、「サイドのスクロールに表示にする(抜粋非表示)」にチェックを入れます。
サイドバー以外に表示したい場合は、お好みの場所にチェックを入れてください。
最後に、「Save」をクリックして完了です。
Saveしたら、ちゃんと反映されているかトップページで確認してみてくださいね!
以上が、AFFINGER6でおすすめ記事一覧を表示する方法の解説でした。
AFFINGER6でおすすめ記事一覧をカスタマイズする方法
続いて、AFFINGER6でおすすめ記事一覧をカスタマイズする方法を2つご紹介していきます。
- 文字色と背景色を変更する
- おすすめ記事一覧を追従させる
順番に解説していきます。
①:文字色と背景色を変更する
1つ目は、文字色と背景色を変更する方法です。
おすすめ記事一覧の文字色と背景色は簡単に変更できるので、サクッと手順を解説していきますね。
まず、WordPressの管理画面に移動します。
WordPressの管理画面から、「外観」→「カスタマイズ」の順にクリックします。
上記の画面が表示されたら、「オプション(その他)」→「おすすめ記事」の順にクリックします。
カラーの変更ができる箇所は下記の通りです。
- 記事一覧の文字色と背景色
- ラベルの文字色と背景色
- ナンバーの文字色と背景色
カラーの変更は、サイトのカラーに合わせてお好みで選んでみてください。
記事一覧にランキング形式の番号を表示させたくない場合は「ナンバーを非表示」にチェックを入れてください。
ちなみに、ナンバーありとなしの違いは下記の通りです。
ナンバーの有無もお好みで選んでくださいね。
②:おすすめ記事一覧を追従させる
2つ目は、おすすめ記事一覧を追従させる方法です。
AFFINGER6では、画面を下にスクロールしたときに、おすすめ記事一覧がそのまま流れないように追従させることができます。
ちなみに、初期設定で「追従させる」ようになっているので、追従させたくない場合のために手順を解説しますね。
まず、WordPressの管理画面に移動します。
WordPressの管理画面から、「AFFINGER管理」→「その他」の順にクリックします。
画面中央の「PC閲覧時にサイドバーの最下部広告エリアをスクロール追尾しない」にチェックを入れると、おすすめ記事一覧が追従しなくなります。
設定を変更したら、最後に画面上部の「Save」をクリックして完了です。
追従させる場合は何もしなくてOKです!
おすすめ記事一覧を表示するメリット2つ
最後に、おすすめ記事一覧を表示するメリットを2つご紹介していきます。
順番に解説していきます。
①:滞在時間が伸びる
おすすめ記事一覧を表示することで、読者の滞在時間が伸びる効果があります。
理由は、読者が今読んでいる記事以外にも興味のある記事や関連する記事を見つけることができるからです。
例えば、サイドバーに「人気記事ランキング」や「よく読まれている記事」などと表示して追従させておけば、記事を読んでいるときもずっと目に入りますよね。
今読んでいる記事を読み終わった後に、読者が次に読みたい記事をたくさん探すしてくれれば、それだけサイトに長く滞在してもらえます。
サイトの滞在時間が長いことはSEOにも効果的なので、おすすめ記事一覧を表示することはとても重要です。
②:回遊率がUPする
おすすめ記事一覧を表示することで、回遊率がUPします。
回遊率とは、ブログの中で読者がどれだけページを閲覧したかを示す指標のことです。
よくブログ記事を読んでいて、サイト内の他の記事が気になってクリックした経験がありますよね?
この読者の行動が回遊率UPということです。
おすすめ記事一覧を表示することは、ブロガーだけでなく、読者にとっても同じブログ内でたくさんの情報を得ることができるのでメリットになります。
まとめ:おすすめ記事一覧を表示して読者に長く滞在してもらおう!
今回は、AFFINGER6でおすすめ記事一覧を表示する方法について解説してきました。
おすすめ記事一覧を表示することはSEOにも効果的で、読者にとってもたくさんのメリットがあります。
デメリットは全くないので、まだおすすめ記事一覧を表示していないという方は、ぜひ本記事を参考にして設置してみてください。
その他のAFFINGER6の設定方法を「AFFINGER6の初期設定のやり方を徹底解説【必須設定12個】」の記事でまとめていますので、あわせて読んでみてくださいね。
-
AFFINGER6の初期設定のやり方を徹底解説【必須設定12個】
続きを見る
今回は以上です。