サイドバーとは、ページの右または左に表示されるウィジェットエリアを意味します。サイドバーの表示位置や非表示の設定が可能です。

サイドバーレイアウトの設定

WordPress管理画面 > 外観 > カスタマイズ > サイドバー設定 をクリックすると下記画面が表示されます。サイドバーレイアウトは、サイドバーの表示位置・非表示の指定をページの種別ごとに指定する設定です。サイドバーデザインは、サイドバーの幅やサイドバー内の見出しデザインなどを指定する設定です。

外観 > カスタマイズ > サイドバー設定

サイドバーレイアウト

サイドバーの表示を右サイドバーまたは左サイドバーサイドバーなしの3つから選択することができます。サイドバーなしを選択すると1カラムページになります。

サイドバー設定 > サイドバーレイアウト

例えば、Webサイトのトップページを1カラムする場合、サイドバー[フロントページ]をサイドバーなしに指定してください。

1カラムのページ本文幅を変更したい場合、外観>カスタマイズ>コンテンツ設定>ページ幅設定から最小値:780px 最大値:1180pxの範囲で指定します。

コンテンツ設定>ページ幅設定

ページ単位でサイドバーなしの設定する方法 非表示・無効設定

特定の固定ページや投稿ページだけをサイドバーなし(1カラム)に指定する場合、ページ編集画のサイドバーにある非表示・無効設定からサイドバーを有効に切り替えてください。

固定ページの設定

固定ページサイドバーを非表示にする場合、テンプレートの設定をデフォルトテンプレートに指定しください。

ページ単位で1カラムのページ本文幅を設定する方法

サイドバーなしの固定ページに限り、ページ編集画面のサイドバーから1カラム幅設定を個別に最小値:780px 最大値:1180pxの範囲で指定できます。

固定ページ編集画面

サイドバーデザイン

サイドバーデザインは、サイドバーの枠線有無やサイドバーの幅、配色などの設定が行えます。

サイドバー設定 > サイドバーデザイン

ウィジェットサイドバー

サイドバーの内容はWordPress管理画面>外観>ウィジェットのサイドバーにブロックを配置してデザインします。

サイドバー[固定]はページスクロールに追従するサイドバーエリアです。従来のウィジェット [E]目次やサイドバー[CTA]などの配置してください。

サイドバー[SP]は、スマホ画面サイズ(600px未満)で表示したいブロックを配置するウィジェットエリアです。