サイドバーとは、ページの右または左に表示されるウィジェットエリアを意味します。サイドバーの表示位置や非表示の設定が可能です。
サイドバーレイアウトの設定
WordPress管理画面 > 外観 > カスタマイズ > サイドバー設定 をクリックすると下記画面が表示されます。サイドバーレイアウトは、サイドバーの表示位置・非表示の指定をページの種別ごとに指定する設定です。サイドバーデザインは、サイドバーの幅やサイドバー内の見出しデザインなどを指定する設定です。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/sidebar-01.png)
サイドバーレイアウト
サイドバーの表示を右サイドバーまたは左サイドバー、サイドバーなしの3つから選択することができます。サイドバーなしを選択すると1カラムページになります。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/sidebar-02.png)
例えば、Webサイトのトップページを1カラムする場合、サイドバー[フロントページ]をサイドバーなしに指定してください。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/front-page-sidebar.png)
1カラムのページ本文幅を変更したい場合、外観>カスタマイズ>コンテンツ設定>ページ幅設定から最小値:780px 最大値:1180pxの範囲で指定します。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/one-column-width.png)
ページ単位でサイドバーなしの設定する方法 非表示・無効設定
特定の固定ページや投稿ページだけをサイドバーなし(1カラム)に指定する場合、ページ編集画のサイドバーにある非表示・無効設定からサイドバーを有効に切り替えてください。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2024/04/sidebar-03.png)
ページ単位で1カラムのページ本文幅を設定する方法
サイドバーなしの固定ページに限り、ページ編集画面のサイドバーから1カラム幅設定を個別に最小値:780px 最大値:1180pxの範囲で指定できます。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/one-column-width-page.png)
サイドバーデザイン
サイドバーデザインは、サイドバーの枠線有無やサイドバーの幅、配色などの設定が行えます。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2016/06/sidebar-04.png)
ウィジェットサイドバー
サイドバーの内容はWordPress管理画面>外観>ウィジェットのサイドバーにブロックを配置してデザインします。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/sidebar-widget.png)
サイドバー[固定]はページスクロールに追従するサイドバーエリアです。従来のウィジェット [E]目次やサイドバー[CTA]などの配置してください。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/06/conventional-widgets.png)
サイドバー[SP]は、スマホ画面サイズ(600px未満)で表示したいブロックを配置するウィジェットエリアです。