JINにおける「サイドバーランキング」の作り方について解説していきます。
設定を行う前の準備
実はWordPress5.8から「サイドバーをブロックで作る」というすごくややこしい仕様になってしまいました。
新方式のやり方だと少し難しいので、旧方式に戻すために「Classic Widgets」というプラグインを使ったやり方を紹介します。
「プラグイン」>「新規追加」へと進む
![](https://jin-theme.com/manual/wp-content/uploads/2017/12/26f1dce0f142bd90d56bc9b816d12154.png)
まずは管理画面から「プラグイン」>「新規追加」に進みましょう。
「Classic Widgets」のプラグインを検索
![](https://jin-theme.com/manual/wp-content/uploads/2017/12/74b392d3f2caa970f354c1560cad95e5.png)
検索窓に「Classic Widgets」と打ち込んで検索をしてください。
プラグインが見つかったら「インストール」のボタンを押しましょう。
「有効化」をして準備完了!
![](https://jin-theme.com/manual/wp-content/uploads/2017/12/354d818ae72facaece48d116d91359ea.png)
あとは「有効化」のボタンを押してください!これで準備完了です。
【1】サイドバーランキングを開く
カスタマイズを開く
![](https://jin-theme.com/manual/wp-content/uploads/2017/12/1-5.png)
まずはWordpressの管理画面から「外観」>「カスタマイズ」と進みましょう。
サイドバーのカスタマイズへ
![](https://jin-theme.com/manual/wp-content/uploads/2018/01/サイドバー.png)
「ウィジェット」 > 「サイドバー」と進んでください。
ランキングをクリック
![](https://jin-theme.com/manual/wp-content/uploads/2018/01/サイドバーランキング.png)
これでサイドバーウィジェットの編集画面まで来ましたね。
ここで「ウィジェットを追加」のボタンをおすと「ランキング」という項目が見つかるはずですので、これをクリックして設定を開始しましょう!
【2】サイドバーランキングを設定する
では、サイドバーランキングを設定していきましょう!
WordPressの仕様上、複数項目をまとめて設定するとカスタマイザーがうまく保存されない時があります。こまめに保存しながら作成することをオススメします!
ランキングのタイトルとスタイルを設定
まずはランキングのタイトルとスタイルを設定しておきます。
![](https://jin-theme.com/manual/wp-content/uploads/2018/01/スクリーンショット-2018-03-11-00.28.43.png)
入力情報はこのように反映↓
![](https://jin-theme.com/manual/wp-content/uploads/2018/01/スライス1.png)
なお、入力情報は上の画像のようにして反映されます。
あらかじめASPからの「バナー広告」「テキスト広告」のリンクを取得しておくと、かなり楽に設定することができますね。
今回は1位の解説だけでしたが、もちろん3位まで設定可能です。各項目を入力して設定してみてください!
「広告タグ」の欄にはASPのタグのみ貼り付け可能です。ただの画像イメージを入れても反映されませんのでご注意ください。
![BLOG CAMP](https://jin-theme.com/manual/wp-content/uploads/2018/08/33fb179d5a9adeb0dcd46ad136a74959-1024x577.png)
JINユーザー限定のブログコミュニティ「BLOGCAMP」をオープンしました!
・JINユーザーならずっと参加無料!
・ブログ診断など定期的なイベントあり
・稼ぐためのノウハウをコミュニティ内でシェア
という、本来なら月額かかるような有益なコミュニティをJIN公式でやっています。
BLOGCAMPへの参加方法はこちら↓