AFFINGER

AFFINGER5 サイドバーの『おすすめ記事一覧』を追従させる方法

困ってる人
●AFFINGERでおすすめ記事一覧を追従させたい。。

●AFFINGERを使用してるけど、サイドバーの記事をスクロールしても動かないように設定したい。

 

今回はこんなお悩みにお答えします。

 

こんな方におすすめ

  • AFFINGER5初心者
  • AFFINGERでおすすめ記事一覧の追従を設定したい
  • AFFINGERの操作方法がいまいちわからない方

 

本記事の信頼性

当ブログもAFFINGER5を使用しています。アフィンガーでおすすめ記事一覧を追従させる方法を3分で解説できます

 

アフィンガー5ではサイドバーにおすすめ記事一覧の設定が可能です。

 

AFFINGER おすすめ記事一覧の設定例

AFFINGER おすすめ記事一覧の設定例

 

上記のような感じでして、おすすめ記事一覧は記事をスクロールしても画面から流れていかず追従するように設定が可能。

 

しかし、おすすめ記事一覧が追従していない・・という方もいると思います。追従していないと読者が記事を読むきっかけを失うことにもなりかねなません。

 

今回はそんな方に向けてAFFINGER5でサイドバーのおすすめ記事一覧を追従させる方法について解説していきます。

 

本記事を読めば、AFFINGER5でサイドバーにおすすめ記事一覧を設定する方法、追従する設定をたった3分で学べるのでぜひ参考にしてみてください。

 

なお、AFFINGER5についてよく知らない、評判やメリット・デメリットについて確認しておきたいという方は、AFFINGER5の評判・メリットデメリットを徹底解説【実際に使った感想をレビュー】をご覧ください。

 

それでは早速始めていきます。

 

 

【AFFINGER5】サイドバーにおすすめ記事一覧を作成する方法

【AFFINGER5】サイドバーにおすすめ記事一覧を作成する方法

 

それではまずサイドバーにおすすめ記事一覧を作成する方法について解説します。

 

手順は下記3つでOK。

 

AFFINGERでおすすめ記事一覧を作成する手順3つ

  • ①WordPress管理画面からAFFINGER5 管理をクリック
  • ②おすすめ記事一覧をクリック
  • ③おすすめ記事一覧に表示する文字と記事IDを入力する

 

1つずつ見ていきましょう。

 

手順①:WordPress管理画面からAFFINGER5 管理をクリック

 

WordPressの管理画面からAFFINGER5 管理をクリックしてください。

 

AFFINGER5管理をクリックする

AFFINGER5管理をクリック

 

上記の部分ですね。次に進みます。

 

手順②:おすすめ記事一覧をクリック

 

次に画面をスクロールしておすすめ記事一覧をクリックします。

 

AFFINGER5 おすすめ記事一覧をクリック

AFFINGER5 おすすめ記事一覧をクリック

 

上記の部分ですね。クリックすると画面が変わるので、表示させたい記事IDを入力します。

 

なお、サイドバー以外の位置に表示させたい場合は、上記画像の『サイドのスクロールに表示する』以外にチェックを入れてください。

 

手順③:おすすめ記事一覧に表示する文字と記事IDを入力する

 

後はおすすめ記事一覧に表示する文字と記事IDを入力するだけでOKです。

 

当ブログは『よく読まれている記事』という文言を入力しています。

 

さらに記事IDをチェックして入力すればOK。記事IDは下記画面でチェックできます。

 

記事IDのチェック方法

AFFINGER5 おすすめ記事一覧の記事IDをチェックする

AFFINGER5 おすすめ記事一覧の記事IDをチェックする

 

投稿画面でIDという部分から読み取ればOKです。

 

後はおすすめ記事一覧の『任意の人気記事指定』の欄にIDを入れます。

 

例えば、3つ表示させたいなら、5362,5346,5319のような感じで半角カンマで区切って入力してください。

 

完了すれば、サイドバーにおすすめ記事一覧の設定ができました。

 

念のために下記のように表示されているかチェックしてみてください。

 

AFFINGER5 おすすめ記事一覧設定完了

AFFINGER5 おすすめ記事一覧設定完了

 

AFFINGER5でサイドバーのおすすめ記事一覧を追従させる方法

AFFINGER5でサイドバーのおすすめ記事一覧を追従させる方法

 

それではAFFINGER5でサイドバーのおすすめ記事一覧を追従させる方法について解説します。

 

と言いたいところですが、ぶっちゃけ初期設定で追従する設定になっています。

 

もしもおすすめ記事一覧が追従しないな・・という方は下記手順でチェックしてみましょう。

 

おすすめ記事一覧の追従確認方法3つ

①AFFINGER5管理画面のその他に移動
②『PC閲覧時にサイドバーの最下部広告エリアを追尾しない』のチェックを外す
③問題なく追従するか確認する

 

1つずつ解説します。

 

その①:AFFINGER5管理画面のその他に移動

 

先ほどと同じようにAFFINGER5の管理画面をクリックしてその他に移動します。

 

AFFINGER5管理⇒その他

 

上記の通りです。

 

その②:『PC閲覧時にサイドバーの最下部広告エリアを追尾しない』のチェックを外す

 

その他に移動出来たら、下記画像のチェックが外れているか確認します。

 

その他の設定のチェックを外す

 

上記の通りですね。

 

『PC閲覧時にサイドバーの最下部広告エリアを追尾しない』のチェックが入っていれば、おすすめ記事一覧がスクロールしてしまい固定されません。

 

追尾させたければ、チェックを外すようにしましょう。

 

スマホで閲覧するときは関係ありませんが、パソコン閲覧時のサイドバーは目につく部分なので、設定して損なしです。

 

その③:問題なく追従するか確認する

 

最後に念のために追従するかチェックしてみてください。

 

チェック方法としては、個別ページにアクセスして確認すればOK。

 

AFFINGER5 設定完了後におすすめ記事一覧が追従するか確認する

AFFINGER5 設定完了後におすすめ記事一覧が追従するか確認する

 

上記の通り。画面をスクロールして追従していればOKです。

 

AFFINGER5 おすすめ記事で数字やカラーをカスタマイズする方法

AFFINGER5 おすすめ記事で数字やカラーをカスタマイズする方法

 

AFFINGER5のおすすめ記事や人気記事は自由にカスタマイズが可能。

 

簡単にカスタマイズ方法について解説します。

 

カスタマイズ⇒オプショナルカラー⇒おすすめ記事をクリックしましょう。

 

AFFINGER5 おすすめ記事一覧 カスタマイズ方法

AFFINGER5 おすすめ記事一覧 カスタマイズ方法

 

上記の通りです。おすすめ記事の中で見出しの色や背景色、文字色、ナンバーなど自由に変更できます。

 

迷った方は、サイトカラーに合わせておくのが無難ですよ。

 

おすすめ記事の数字を非表示にする方法

上記画面の『ナンバーを非表示』にチェックを入れるだけでOK。

 

数字が非表示になるので、ランキング形式などを使わず人気記事を表示させたい方は、適用させてみてください。

 

AFFINGER5 おすすめ記事の設定・追従にプラグインは不要【注意点】

AFFINGER5 おすすめ記事の設定・追従にプラグインは不要【注意点】

 

AFFINGER5のおすすめ記事の設定や追従にプラグインを推奨しているサイトもありますが、不要でOK。

※WordPress Popular Postsなどのプラグインです。

 

なぜなら、プラグインを無駄に導入すると、

 

  • サイトスピードに悪影響を及ぼす
  • プラグインとWordPressテーマが干渉する

 

などの問題が発生する可能性があるから。

 

実際、アフィンガーであれば、ご紹介した方法で簡単に人気記事の設定ができるのでプラグインは不要ですね。

 

極力プラグインは使わないようにしましょう。

 

なお、AFFINGER5に必要なプラグインについては、AFFINGER5に必須のおすすめプラグイン10個・不要プラグイン3個にて徹底解説しているので、参考にどうぞ。

 

まとめ:アフィンガー5でおすすめ記事を追従させてアクセスアップのチャンスを増やそう

まとめ:アフィンガー5でプロフィールを設定してサイトの質を上げよう

 

今回はそんな方に向けてAFFINGER5でサイドバーのおすすめ記事一覧を追従させる方法について解説しました。

 

サイドバーにおすすめ記事の追従設定をしていれば、パソコン閲覧時の機会損失を防ぐことにもつながります。

 

本記事の手順で進めていけば、3分程度で設定できると思うので、サクッと設定してみましょう。

 

本記事が参考になれば幸いです。最後まで読んで頂きありがとうございました。

 

それでは本日はこの辺りで!

 

なお、これからAFFINGERを活用したいと検討されてる方は、当ブログ限定の特典もあるので、ぜひチェックしてみてください。

 

\ブロガー人気No.1有料テーマ/

AFFINGER5を購入

※クリックすると公式サイトへ移ります

\つまづかずテーマ導入可能/

AFFINGER5購入手順を確認

※クリックすると購入手順を確認します

 

関連記事AFFINGER5でGoogleアドセンス審査用コードを貼り付ける手順を解説【3分でOK】

 

人気記事【2021年版】おすすめアフィリエイトASP16社を徹底比較【初心者登録必須】

 

 

-AFFINGER