AFFINGER６（アフィンガー６）でお勧め記事一覧をサイドバーなどに設置する方法

「お勧め記事一覧」ってどんな機能？

「お勧め記事一覧」は見せたい記事やお勧めの記事を任意にサイドバーなどに表示させることができる機能です。

このブログのサイドバーにも表示されていますが、下の画像の部分です。

「お勧め記事一覧」はサイドバーだけでなく、記事内や記事下など複数の箇所で表示させることができます。

また、「お勧め記事一覧」のタイトル文字は変更可能なので、「人気記事ランキング」など好きなタイトルに変更できます。

背景色の変更や番号（ランキング）の非表示も可能です。

「お勧め記事一覧」設定方法

「お勧めの記事一覧」は「AFFINGER管理」→「ヘッダー下/おすすめ」→「お勧めの記事一覧」で設定できます。

お勧めの記事一覧で設定する箇所は以下の３か所です。

①　お勧めの記事一覧に表示する文字

「お勧めの記事一覧に表示する文字」はお勧め記事一覧のタイトルになります。

「お勧め記事一覧」や「注目記事一覧」、「人気記事ランキング」など自分の好きなタイトルを入力してください。

②　任意の人気記事を指定

入力欄に投稿したい記事のIDを入力することで好きな記事を表示することができます。

記事のIDは投稿一覧から確認することができます。

複数の記事を表示させる場合はカンマで区切ってIDを入力します。

その際に入力した順に表示されることになり、デフォルトだと１・２・３・・・と番号（ランキング）も一緒に表示されます。

この番号（ランキング）を非表示にすることもできますので、記事の後半で説明したいと思います。

③　表示させる場所を指定する

「お勧め記事一覧」を表示させる場所を選択します。

• サイドのスクロールに表示する
• 投稿の記事下に表示する
• 固定記事の下に表示する
• トップの最上部に表示する
• トップの挿入固定記事下に表示する
• カテゴリーに表示する

サイドバーに表示させるときは「サイドのスクロールに表示する」にチェックを入れてください。

その他にも表示させたい箇所にチェックを入れれば表示させることができます。

初心者だと「トップの挿入固定記事下に表示する」や「カテゴリーに表示する」の内容がどこに表示されるのか解りにくいと思います。

最初はわかりやすいサイドバーに表示するのがお勧めです。

表示する位置も決めたら「SAVE」をクリックして保存すればOKです。

記事内にお勧め記事一覧を設置する方法

お勧め記事一覧は記事内の好きな場所にも表示させることができます。

ショートコードを記事内に入力するだけでOKです。

ショートコード：[st-osusume]　を入力するだけ

実際に入力するとこんな感じです。

「お勧め記事一覧」の文字色・背景色の変更と番号を非表示にする方法

「お勧め記事一覧」の文字色・背景色の変更や番号（ランキング）を非表示にするには

「外観」→「カスタマイズ」→「オプション（その他）」→「おすすめ記事」で設定します。

設定を変更したら上部の「公開」をクリックしないと反映されないので忘れないようにしてください。

以上が「お勧め記事一覧」の解説になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-