![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
では次は先にサイドバーの設定を行いましょう。
これはまず「表示する」「表示しない」の設定と表示させる内容を決めていく必要があります。
![サイドバーの設定](https://shares-hp.com/wp-content/uploads/2022/09/1-14-1024x552.jpg)
![サイドバーの設定](https://shares-hp.com/wp-content/uploads/2022/09/1-14-1024x552.jpg)
目次
サイドバーの設定
サイドバーの表示・非表示について
![外観 → カスタマイズ](https://shares-hp.com/wp-content/uploads/2022/09/5-10-1024x872.jpg)
![外観 → カスタマイズ](https://shares-hp.com/wp-content/uploads/2022/09/5-10-1024x872.jpg)
![サイドバー](https://shares-hp.com/wp-content/uploads/2022/09/6-7-1024x792.jpg)
![サイドバー](https://shares-hp.com/wp-content/uploads/2022/09/6-7-1024x792.jpg)
これも後から設定可能です。最近の傾向は企業サイトなどはトップページ、固定ページにはサイドバーは非表示。
ブログ型は全てのページに表示が多い傾向です。
![表示させたい場所にチェックを入れ、表示させたくない場所はチェックを外しましょう。](https://shares-hp.com/wp-content/uploads/2022/09/7-4-1024x849.jpg)
![表示させたい場所にチェックを入れ、表示させたくない場所はチェックを外しましょう。](https://shares-hp.com/wp-content/uploads/2022/09/7-4-1024x849.jpg)
サイドバーのコンテンツの配置
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
表示・非表示の設定が終わりましたら、次は表示するコンテンツの設定を行っていきましょう。
![サイトバーのコンテンツ](https://shares-hp.com/wp-content/uploads/2022/09/11-6-754x1024.jpg)
![サイトバーのコンテンツ](https://shares-hp.com/wp-content/uploads/2022/09/11-6-754x1024.jpg)
![外観 → ウィジェット](https://shares-hp.com/wp-content/uploads/2022/09/1-15-1003x1024.jpg)
![外観 → ウィジェット](https://shares-hp.com/wp-content/uploads/2022/09/1-15-1003x1024.jpg)
![ウィジェットの設定画面](https://shares-hp.com/wp-content/uploads/2022/09/2-17-1024x560.jpg)
![ウィジェットの設定画面](https://shares-hp.com/wp-content/uploads/2022/09/2-17-1024x560.jpg)
ウィジェットの初期設定
SWELLの初期設定
- 検索ボックス
- 最近の投稿
- 最近のコメント
- アーカイブ
- カテゴリー
![SWELLの初期設定](https://shares-hp.com/wp-content/uploads/2022/09/11-6-754x1024.jpg)
![SWELLの初期設定](https://shares-hp.com/wp-content/uploads/2022/09/11-6-754x1024.jpg)
ウィジェットの削除方法
![ウィジェットの削除方法](https://shares-hp.com/wp-content/uploads/2022/09/13-3-920x1024.jpg)
![ウィジェットの削除方法](https://shares-hp.com/wp-content/uploads/2022/09/13-3-920x1024.jpg)
ウィジェットの追加方法
![ウィジェットの追加方法](https://shares-hp.com/wp-content/uploads/2022/09/12-4-1024x546.jpg)
![ウィジェットの追加方法](https://shares-hp.com/wp-content/uploads/2022/09/12-4-1024x546.jpg)
ウィジェットの移動方法(上下)
ウィジェットの移動は以下のように移動させたいブロックの上にマウスカーソルを持っていき、矢印のようにマウスカーソルが変わったら上下にドラック&ドロップをしてみましょう。
![ウィジェットの移動は以下のように移動させたいブロックの上にマウスカーソルを持っていき、矢印のようにマウスカーソルが変わったら上下にドラック&ドロップをしてみましょう。](https://shares-hp.com/wp-content/uploads/2022/09/13-4.jpg)
![ウィジェットの移動は以下のように移動させたいブロックの上にマウスカーソルを持っていき、矢印のようにマウスカーソルが変わったら上下にドラック&ドロップをしてみましょう。](https://shares-hp.com/wp-content/uploads/2022/09/13-4.jpg)
矢印のようにマウスカーソルが変わったら上下にドラック&ドロップをしてみましょう。
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
![](https://shares-hp.com/wp-content/uploads/2022/09/DSCF08611-scaled-1-150x150.jpg)
ウィジェットはいろいろ触ってみて、表示や項目を確認していきましょう^^