このページでは、SWELLで利用可能なサイドバーに関するカスタマイズ項目や、サイドバーのウィジェットエリアについて解説していきます。
カスタマイザーで設定できる項目
SWELLでは基本的にテーマカスタマイザーから全ての設定を行うことができます。
カスタマイザーの起動方法については以下の記事を参考にして下さい。
![](https://swell-theme.com/wp-content/uploads/2019/01/thumb_customizer-300x169.png)
以下では、カスタマイザー上での操作について説明していきます。
![カスタマイザーの「サイドバー」](https://swell-theme.com/wp-content/uploads/2020/03/customizer_sidebar_menu.png)
この「サイドバー」メニューへ進むと、以下のようにな設定項目が用意されています。
![サイドバーの設定](https://swell-theme.com/wp-content/uploads/2019/04/setting_sidebar.png)
ここでは、
- 各ページ種別でサイドバーを表示するかどうか
- サイドバーを右に表示するか・左に表示するか
について設定可能です。
サイドバー内のウィジェットタイトルのデザインについて
さらに、別の場所になりますが、カスタマイザーの「サイトの全体設定」>「タイトルデザイン」の中でサイドバー内に設定するウィジェットのタイトルデザインを設定することが可能です。
![ウィジェットタイトルのデザイン設定](https://swell-theme.com/wp-content/uploads/2020/02/setting_widget_titles.png)
投稿・固定ページごとの表示設定
上述した通り、カスタマイザーでは各ページ種別にサイドバーを表示するかどうかを設定できますが、「このページだけ表示させたくない」というようなケースもあるかと思います。
SWELLではそんなケースにも対応できるように、投稿ページ・固定ページのサイドバー内の【SWELL設定】というパネルに以下のような設定欄を設けています。
![ページごとのサイドバーの表示・非表示の設定](https://swell-theme.com/wp-content/uploads/2020/03/meta_setting_sidebar.png)
ここのセレクトボックスから、そのページ個別でサイドバーを表示するか非表示にするかを設定できるようになっています。
ウィジェットについて
サイドバー関連のウィジェットエリアは以下の4つになります。
![サイドバー関連のウィジェットエリア](https://swell-theme.com/wp-content/uploads/2020/03/widget_area_sidebars.png)
- 共通サイドバー
-
全ページ共通で表示されます。
- 共通サイドバー【スマホ版】
-
「共通サイドバー」のスマホ表示版になります。
「共通サイドバー【スマホ版】」に何もウィジェットアイテムが配置されていない場合は、通常の「共通サイドバー」の内容がスマホでも表示されます。 - トップページ専用サイドバー
-
トップページでのみ表示される特殊なウィジェットエリアです。
「共通サイドバー」の上部に表示され、PC・スマホの両方で表示されます。 - 追尾サイドバー
-
「共通サイドバー」の下部に表示され、画面をスクロールしていってもサイドバーエリアに表示され続ける特殊なウィジェットエリアです。
PCサイズでのみ表示されます。
追尾サイドバーについて
![](https://swell-theme.com/wp-content/uploads/2019/06/thumb_fix_sidebar-300x169.png)