ブログ運営

AFFINGER5のサイドバーで「おすすめ記事一覧」を設定する方法

ブログのサイドバーに「おすすめ記事」を載せたい。やり方が分からない・・・。どうしよう。

 

 

◆そんな悩みを解決します。

 

 

アサヒ
こんにちは。
アサヒです。(@asahi621

ブログのサイドバーにおすすめ記事を載せてる人はいますが、やり方が分からないって人に向けて解説していきます。

サイドバーは目につく場所でもあるので、是非設定して記事の露出を増やしてPVをあげていきましょう!

 

 

この記事を読むとこんな事が分かります

・アフィンガー5でのサイドバー「おすすめ記事」設定

・サイドバーの「おすすめ記事」をスクロールで追従する方法

・「おすすめ記事」のカスタマイズについて

 

 

 

現在当ブログはAFFINGER5(アフィンガー5)WINGを使用しています。

アフィンガー5の人はマネするだけでO.K!

 

 

 

AFFINGER5のサイドバーで「おすすめ記事一覧」を設定

 

 

まず「おすすめ記事」を設定していきます。

順序は以下の通りです。

 

おすすめ記事一覧の作成

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

任意の人気記事を指定

表示位置の設定

 

 

 

おすすめ記事一覧

 

まずは赤枠の部分を作っていきます。

 

 

 

 

 

AFFINGER5管理 ⇒ おすすめ記事 に進みます。

 

 

 

任意の人気記事を指定

 

続いて赤枠部分のタイトルを決めます。

・人気記事

・おすすめ記事

・よく読まれている記事

などのタイトルを付けている人が多いので参考にどうぞ!

 

 

 

 

投稿したい記事を選びます。

 

 

 

 

 

投稿記事のIDは投稿画面から確認できます。

 

 

 

 

 

赤枠にIDを入れていきます。

左からの順で、上から表示されます。

 

 

 

表示位置の設定

 

赤枠の部分にチェックを入れて完了です!

 

 

 

 

サイドバーに表示されたら、O.Kです!

※色を変えてあるので、この後変更の仕方を書いていきます。

 

 

 

 

サイドバーの「おすすめ記事」をスクロールで追従する方法

 

 

AFFINGER5を使用していて、サイドバーのおすすめ記事一覧が追従していないことに気が付きました。

 

おすすめ記事一覧を追従させることで記事の露出が増えるため、追従していないのは、見てもらう機会損失となります。

 

そこで設定を解説していきます!

 

 

AFFINGER5管理から

 

AFFINGER5管理 ⇒ その他

へ進みます。

 

 

 

 

赤枠で囲われている部分にチェックが入っているとスクロールするはずが、スクロールされなくなります。

 

そのため、スクロール追尾の設定を下にも関わらず追尾されない場合は、この部分を確認するようにしましょう。

 

※チェックを外しましょう!!

 

 

きちんと設定出来ているかチェックしましょう!

 

最期に保存をクリックして完了です!

 

きちんとできているかチェックしましょう!!

 

 

スクロールして確認しましょう!!

 

 

「おすすめ記事」のカスタマイズについて

 

無事におすすめ記事の部分と、スクロールの設定が出来たら、最後にカスタマイズしていきましょう!

 

当サイトでは、背景を黒に、文字を白色に、区切りを白色に変えています。

 

変更の仕方を解説していきます。

 

 

 

外観 ⇒ カスタマイズへ進みます。

 

 

 

オプションカラーを選びます。

 

 

 

おすすめ記事を選択します。

 

 

 

 

ここで細かく色の設定が出来ますので、お好みのデザインにカスタマイズしましょう!

 

 

 

AFFINGER5で細かく設定をして見栄えのするブログにしよう!

 

トップページはデザイン性も重要ですが、より多くの記事を見てもらうという事が重要です。

本記事を参考にしてもらって、PCから閲覧してもらってる人に、見やすく見栄えのするサイトにしていきましょう!

 

 

 

 

 

今回は以上です。

 

 

 

 

-ブログ運営

© 2020 Asahi × 時流 × Blog Powered by AFFINGER5