本記事では、WordPressテーマCocoonを使用しているあなたにサイドバー（サイドメニュー）の基本的な使い方を詳しく説明していきます。
サイドバーはウィジェットを使って簡単に設定ができますので、自分の好きなように表示させてみてください。
サイドバーの基本はわかるから、カスタマイズの方法がしりたいな
そんなあなたには下の2記事がおすすめです。どうぞご覧ください。
サイドバーの左右表示位置と表示するページ設定
まずはサイドバーをどのページの左右どちらに表示させるかの設定をします。
ワードプレスの管理画面からCocoon設定→全体と進んでください。
下の方にスクロールしていくと、サイドバーの位置とサイドバーの表示状態の項目があります。
僕は右側表示で、すべてのページに表示するように設定しています
一般的なブログであればサイドバーは右側でたいていどのページにも表示されています。あなたのお好みで設定するようにしましょう。
サイドバー表示内容設定
そしたら、サイドバーの中身をどんなものにするか決めていきます。次はワードプレスの管理画面から外観→ウィジェットと進みましょう。
ウィジェット画面の左側の項目が「追加できる内容」で右側の項目が「追加できる場所」です。
いろんなところにいろんなものを置けますね！今回はサイドバーに注目ですよ
表示内容を追加する
サイドバーには何を表示したいか決まっていますか？だいたい新着記事とか、おすすめ記事とか、プロフィールとかが多いですよね。
ウィジェット管理画面の左側からサイドバーに表示させたい項目を見つけてみましょう。みつけたら
- 追加したい項目を選択
- サイドバーを選択
- ウィジェットを追加を選択
これでサイドバーに追加されます。
項目の順番は後で変更できるので、表示したい内容をどんどん追加しましょう
表示内容を削除する
- 最初に設定されていた内容を消したい
- 追加する項目を間違えた
そんな理由で内容の削除をしたいときがありますよね。削除は簡単でサイドバーに追加されている項目を選択して、削除ボタンを押すだけ
これでサイドバーから削除されました。
表示内容の順序
で、表示の順番も簡単に変えることができます。
サイドバーのウィジェットエリアに入っている項目をドラッグ＆ドロップで上下に動かせばOKです。
上の画像では、カスタムHTMLの項目をつかんで、検索の下にペッとはっ付けています
サイドバーの表示状態
サイドバーの中身を決めて、順番も決められた状態になったでしょうか？僕の設定はこんな感じになりました。
- カスタムHTML（＝ボックスナビ）
- 検索
- 新着記事
- 関連記事
- アーカイブ
- プロフィール
サイドバースクロール追従で
- 目次
それぞれの項目を選択して、詳細を決定していきましょう。
- 内容選択
- 詳細設定
- 保存
- 完了
上記の順番で選択していきましょう。そして、できたのが下の画像のような感じのサイドバー
ボックスナビのやり方や目次追従のやりかたは別記事に詳細を書いています。
以上で基本的なサイドバーの説明は終わりです。あなたもぜひお気に入りのサイドバーを設定してみてください。
Cocoonの「困った」を解決する記事
Cocoonの使い方
当ブログで一番読んでいただきたいのはCocoonの使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。
外観・デザインをカスタマイズ
特に本記事のようにブログの見た目をカスタマイズするのに使える記事は下記でまとめています。ブログをあなたらしくするためには必見です。
あわせて読みたい【Cocoon】デザインを整える簡単おすすめカスタマイズまとめ
コメント