ヘッダー

ヘッダーレイアウト

PCでの、ヘッダーレイアウトを設定できます(モバイルではロゴの表示位置が変更されます)。

サンプル

設定手順

  1. ダッシュボードを開く
  2. 外観 > カスタマイズをクリック
  3. レイアウト > ヘッダーをクリック
  4. ヘッダーレイアウトで使用したいレイアウトを選択
  5. 公開をクリック

ヘッダー位置

ヘッダーの表示位置を、

  • 固定(ページ最上部に固定表示)
  • オーバレイ(コンテンツの上に重なる形で表示)
  • ノーマル(普通にスクロールされる)

このヘッダー位置設定機能は、基本的にスマホに対してのものになります。もし PC でも固定表示やオーバレイ表示をしたい、というときは後述する「ヘッダー位置設定をモバイルのみに適用」という設定のチェックを外せばスマホと同じように選択したヘッダー位置設定が適用されます。

【PCサイズ】オーバレイ + モバイルのみに適用をオフ、の場合
【PCサイズ】固定 + モバイルのみに適用をオフ、でちょっとスクロールさせた場合

設定手順

  1. ダッシュボードを開く
  2. 外観 > カスタマイズをクリック
  3. レイアウト > ヘッダーをクリック
  4. ヘッダー位置で使用したいヘッダー位置を選択
  5. 公開をクリック

ヘッダー位置設定をモバイルのみに適用

もし PC でも固定表示やオーバレイ表示をしたい、というときは「ヘッダー位置設定をモバイルのみに適用」という設定のチェックを外せばスマホと同じように選択したヘッダー位置設定が適用されます。

設定手順

  1. ダッシュボードを開く
  2. 外観 > カスタマイズをクリック
  3. レイアウト > ヘッダーをクリック
  4. ヘッダー位置設定をモバイルのみに適用にチェックでヘッダー位置設定がモバイルのみに適用
  5. 公開をクリック

ヘッダーコンテンツ

ヘッダーの右端に任意のコンテンツを追加できる機能を追加しました。よくある予約ボタンとか電話番号とか、そういうのを入れる想定です。PC サイズのときだけ表示されます。

ヘッダーコンテンツの例

設定手順

  1. ダッシュボードを開く
  2. 外観 > カスタマイズをクリック
  3. レイアウト > ヘッダーをクリック
  4. ヘッダーコンテンツに任意の HTML を入力
  5. 公開をクリック