サイドバーの作り方
サイドバーの作り方について
サイドバーとは、この部分のことですね
![](https://jinr.jp/manual/wp-content/uploads/2023/01/スクリーンショット-2023-01-12-14.36.57.png)
(1)「サイトデザイン設定」で「2カラム」を選ぶ
WordPress黒いバーにある「カスタマイズ」を開いて、「サイトデザイン設定」に進んでください。
![](https://jinr.jp/manual/wp-content/uploads/2022/08/スクリーンショット-2022-10-16-17.32.56.png)
![](https://jinr.jp/manual/wp-content/uploads/2023/01/スクリーンショット-2023-01-12-14.39.59.png)
そうすると、「ページレイアウト」のところでカラム表示を選べます。
サイドバーが欲しいなら「2カラム」に設定しておきましょう
![](https://jinr.jp/manual/wp-content/uploads/2023/01/スクリーンショット-2023-01-12-14.42.35.png)
(2)サイドバー編集画面へ
続いて、「カスタマイズ」>「ウィジェット」に進みましょう。
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.17.12.png)
そうすると、ウィジェットを作成する画面になります。
ここで「サイドバー」もしくは「追尾サイドバー」を選んで編集画面に進みましょう。
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.19.41.png)
※ もし「サイドバー」が表示されていない場合は、1カラムの記事上でカスタマイズを開いているためだと思われます。
※ 必ず2カラムページを開いた上で、「カスタマイズ」>「ウィジェット」に進んでください。
サイドバーの編集へ
JIN:Rでは、サイドバーもブロックで作り上げていきます。
編集画面はこんな感じですね↓
![](https://jinr.jp/manual/wp-content/uploads/2022/11/スクリーンショット-2022-11-02-7.23.48.png)
ウィジェットに関して、プレビューがほぼ効いておりません。バグかと思うかもしれませんが、こういう仕様です。
実際のサイドバーで表示を確認しながらサイドバー作成をしてもらいたいです。
WordPress本体があんまりサポートする気がないのか、ウィジェットは本当にお粗末な状態なので、開発がとても大変なところになっています(読んでもらってごめんなさい、ただの開発者の愚痴です)
ウィジェットで使いやすいブロック
ナビゲーション
「ナビゲーションメニュー」は、個人的にとても使いやすいブロックだと思います。
サイドバーウィジェットに配置すると、こんな感じになります↓
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.28.28.png)
「メニューを選択」のところで表示するメニューを選べます。表示するメニューはあらかじめ「外観」>「メニュー」で組んでおくといいでしょう。
そして、実際の画面ではこんな感じに表示されます↓
![](https://jinr.jp/manual/wp-content/uploads/2022/11/スクリーンショット-2022-11-02-7.28.35.png)
※ 『NAVIGATION』の見出しは「見出し」のブロックでつけています。
こういったナビがあるとサイドバーが見やすくなっていくので、ぜひご活用ください!
検索
「検索」も置いておくとメディア感がでていいですね。
サイドバーウィジェットに配置すると、こんな感じになります↓
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.33.26.png)
そして、実際の画面ではこんな感じに表示されます↓(ぜんぜん違います)
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.33.32.png)
「検索」の文字は「Search」などに変えてもオシャレですね。細かなデザイン変更は効くようにしているので、いろいろ触って遊んでみてください。
リッチメニュー2カラム
サイドバーにメニューを作りたい時は「リッチメニュー」の2カラム表示を使うこともおすすめです。
サイドバーウィジェットに配置すると、こんな感じになりますので
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.43.02.png)
「項目設定を表示」を押して
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.42.49-1.png)
2カラムデザインに切り替えてください。
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.48.20.png)
そして、実際の画面ではこんな感じに表示されます↓
![](https://jinr.jp/manual/wp-content/uploads/2022/10/スクリーンショット-2022-11-02-7.42.02.png)
お好きなメニューやアイコンを配置して、ナビゲーションを整えていってもらえればと思います。