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

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

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

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

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

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

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

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

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

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

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

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

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

②　任意の人気記事を指定

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AFFINGER6の使い方

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6：関連記事