SANGOではサイドバーをブロックウィジェットのみで構築することが可能です。SANGOの公式サイトの以下のサイドバーもブロックウィジェットで構築されています。この記事はあくまでおすすめの設定方法なので必ずしもこの記事通りにカスタマイズしなくても大丈夫です。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/sidemenu-1000x785.png)
ブロックウィジェットとはWordPress 5.8より導入されたブロックエディターで編集できるウィジェット編集画面になります。SANGOではデフォルトでWordPress5.7以前のクラシックウィジェットが適用されていますので利用される場合は 外観 → カスタマイズ → 詳細設定よりレガシーウィジェットを利用する のチェックを外してください。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/035a182c9c73268eb3bcfa626fb919a9-1000x571.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/01/21b04cf44b6b5c642d4dff4fe18d4d50-1000x571.png)
まずはブロックウィジェットのサイドバーを開きます。profile と入力するとプロフィールブロックが見つかるので選択します
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/95dad6465e540692a401a67471fe3d71-1000x566.png)
表示したいユーザーを選択することでプロフィールを表示できます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/a8ba447c080379f4d3605a2886b53337-1000x948.png)
次はこのようなボックスメニューをサイドメニューに表示してみましょう。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/2f1e015ccee4bc12332b42ec4e3d1fab.png)
先ほどと同じ要領で、boxと検索していただくと ボックスメニュー ブロックが見つかりますのでこれを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/boxmenu.png)
ボックスメニューブロックの使い方はこちらの記事を参考にしてください。
![【SANGO ボックスメニューブロック】の使い方](https://saruwakakun.com/sango/wp-content/uploads/2022/06/image-1-160x160.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/f1ba15fdd40ad90875baae18ac9c9e3b.png)
次は人気記事一覧をサイドメニューに表示してみましょう。posts と検索していただくと記事一覧ブロックが表示されるのでそれを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/posts.png)
表示設定にて一番右下のスタイルを選択いただくとサイドメニュー用のスタイルになるのでこれを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/4c843e6932bf9f58907a2c9f1250b7a8.png)
このスタイルを選択すると、サイド用記事一覧設定 が表示されるのでここで記事一覧の上に表示される、タイトルやそのアイコンなどの設定をします。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/befc34859f024f881f94745cf45c6ae7.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/0e065e938db93881ee2ae7233f27c380-1.png)
人気順で表示したい場合は記事の設定 より表示順を人気順にしましょう。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/f38afc38bd1692bc511b833a3ab3785c.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/fa3f242e3e9b3d8476c8a554195d1a4f.png)
カテゴリーと入力するとWordPress標準のカテゴリーブロックが見つかるのでそれを選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/cf0dcff6196592cb60f7469922993356.png)
続けてカテゴリーブロックの前にWordPress標準の見出しブロックを挿入します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/cefa885a8e0e4d2148025932a130f835-1000x264.png)
そして、カテゴリーブロックをウィジェットグループブロックに変換します。
![](https://saruwakakun.com/sango/wp-content/uploads/2023/02/21409a65509b8bfc40ea00ee8de2388b.png)
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/cdc32e6e2ec88ca4423f6b7d0b43a8ee.png)
最後は追尾サイドバーに目次を表示してみましょう。まずは追尾サイドバーのウィジェットエリアを開きます。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/b846461ce9d3feb584c34f3b25dcda2d-1000x205.png)
+ボタンを押し、toc と入力すると目次ブロックが見つかるので選択します。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/6f11ff30b8a38dcb05d01866c401724e.png)
選択後、サイド用の目次として表示スタイルでサイド用目次 を選択してください。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/2571abafd14a3b0428c7f2f0959bf5d6.png)
目次についてのその他の設定はこちらの記事が参考になります。
![](https://saruwakakun.com/sango/wp-content/uploads/2022/02/toc-160x160.png)
任意のサイドバーを作成したい。
質問です。 任意のサイドバーを作成したいときはどうしたらいいですか? サムネはいらず、文字だけで自分の選んだページを表示させたいです。 目標はこのサイトの文字だけのサイドバーです。 https://9-bit.jp/hypnosismic/002 人気記事やカテゴリーではなく、自分で選んだ文字列とリンクのサイドメニューを 作成したいです。 ご回答よろしくおねがいします。