JIN:R!サイドバーに人気記事を表示する方法
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/animemo-18.jpg)
JIN:Rを導入してから、どんな機能があるのか日々探索しているつぶ子です!
新しいテーマって楽しいですね♪JIN:Rはデザインもキレイなので、書いていて楽しいです。
![つぶ子](https://little-little-pleasure.com/wp-content/uploads/2023/02/maki4.png)
まだ記事数が少ないので、様にならないけど…。
今日はサイドバーに人気記事を表示させる方法について書きたいと思います。人気記事(PV順)、新着記事、カテゴリ一覧、ピックアップと4パターンから選べます。
サイドバーに設置すると、こんなふうに表示させることができます。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-25_23h21_26-1360x765.jpg)
2列で表示出来るのが良いですね!
JIN:Rは思っていたより色んな機能があり、記事を書くたびに新しい発見があります!
サイドバーに「人気記事」を表示する方法!
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/11822_color.png)
やり方はとても簡単でした。
設定は「ウィジェット」で行います。(画像はブロックウィジェットでの説明になります)
サイドバーのウィジェットを開き、「記事リスト」というブロックを追加します。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-24_21h55_58.png)
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-24_21h53_00.png)
「+」でブロックをクリックすると、よく使うブロックが表示されます。
「記事リスト」ブロックはあまり頻繁に使うことがないので、表示されていないかと思いますので、そのときは1番下の「すべて表示」をクリックします。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-24_22h28_40.png)
そうすると左の方にブロック一覧が表示されるので、JINRブロックの中から「記事リスト」をクリックします。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-24_22h33_26.png)
「記事リスト」をクリックすると、サイドバーに記事が表示され、右サイドバーには設定画面が開きます。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-24_22h37_05.png)
右サイドバーで新着記事・カテゴリ一覧・PV順・ピックアップから好きな表示方法を選択することが出来ます。
サイドバーに記事を表示させる時に出来る設定
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2191959.png)
表示する記事数
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-25_23h48_08.png)
表示する記事数は1記事から、最大で12記事まで表示することが出来ます。
あまり増やすとズラズラ長くなってしまうので6記事くらいが良いと思います。
デザイン設定
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-25_23h51_56.png)
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-25_23h52_55.png)
表示させる記事のデザインを選ぶことが出来ます。
カラム数は横に何列並べるかということです。
パソコンの方は4カラムまで選べますが、3カラム以上になると表示が小さくなってしまうので2カラムがオススメです!
アニメーションと、カーソル時の動き
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-26_00h02_14.png)
- アニメーションは「全体フェードイン」と「一つずつフェードイン」から選択出来ます。
- カーソルしたときの動きは「浮かす」・「ズーム」・「フェード」の3パターンから選択出来ます。
表示設定
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-26_00h08_15.png)
表示設定では以下の3つの設定が行なえます。
- ランキングラベルを表示
- 記事のView数を表示
- 有料記事の金額を表示
「ランキングラベルを表示」をONにすると、記事に順位の番号を表示させることが出来ます。
![](https://little-little-pleasure.com/wp-content/uploads/2023/07/2023-07-26_00h12_43.png)
「記事のView数を表示」をONにすると、記事が何回表示されたかを表示させることが出来ます。
「有料記事の金額を表示」を表示することも出来ます。
JIN:Rでは有料記事を作ることも出来るので、おいおい有料記事を書く予定がある方はとても良い機能ですね!
![つぶ子](https://little-little-pleasure.com/wp-content/uploads/2023/02/maki1.png)
私には無縁の機能かも…!
サイドバーに人気記事を表示させる方法:まとめ
サイドバーに色々な記事を載せておくことで、ブログを見に来てくれた方が興味を持ってくれるかもしれないので是非載せておきたいですね。
![つぶ子](https://little-little-pleasure.com/wp-content/uploads/2023/02/maki3.png)
見栄えも良くなりますし!
サイドバーに記事をどんなふうに表示するか、細かく設定出来るのもJIN:Rの良いところだと感じました!
以上でおわりになります。
最後まで読んでいただきありがとうございました!