ヘッダーの設定

ヘッダーとは

ヘッダーとは、サイト作成時にデフォルトで共通セクションに入っている「共通セクション(ヘッダー)」のことを指します。
共通セクションについて詳しくはこちら → 「共通セクション

◆編集画面で確認
ヘッダーにマウスを合わせると共通セクションになっていることを確認できます。

◆ページ一覧で確認
共通セクションにヘッダーが入っていることを確認できます。

 

ヘッダーの基本操作

デフォルトではヘッダーセクションは非表示になっています。
サイト内の表示させたいぺージ全てで表示設定をする必要があります。
  1. 「このサイトを開く」をクリック。
  2. ヘッダーを表示させたいページの「編集する」をクリック。
  3. セクション一覧の一番上にあるヘッダーセクションの「表示・非表示」アイコンをクリックして表示。

    ・グレーの部分をクリックすると操作パネルにセクション一覧が表示されます。・「表示・非表示」アイコンをクリックするたびに表示形式が変わります。
    表示・非表示の設定についてはこちら → 「表示・非表示の設定
  4. 以上が、ヘッダーの表示手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

ページリンクパーツの設定

リンクの追加 / 削除

ページの有無に関係なく、ページリンクは追加/削除することが可能です。
※ページ一覧で新しいページを追加しても、ヘッダーセクションに自動で
 リンクパーツは入りません。

◆ページリンクの追加

  1. ページリンクパーツをクリック。
  2. 「リンク」をクリック。
  3. リンク一覧で「追加」をクリック。
  4. 「OK」をクリック。
  5. 以上が、ページリンクの追加手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

    ◆ページリンクが2つ付いたヘッダーもあります。

◆ページリンクの削除

  1. ページリンクパーツをクリック。
  2. 「リンク」をクリック。
  3. 削除したいリンクにマウスをあわせ「削除」アイコンをクリック。
  4. 「OK」をクリック。
  5. 以上が、ページリンクの削除手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

リンクの編集

◆名称の変更

ここで入力した名称がヘッダーで表示されます。
  1. ページリンクパーツをクリック。
  2. 「リンク」をクリック。
  3. ページリンクにマウスを合わせ、ペンアイコンをクリック。
  4. ページリンクに表示させる名称を変更。
  5. 以上が、ページリンクの名称変更手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

◆リンクの設定

  1. ページリンクパーツをクリック。
  2. 「リンク」をクリック。
  3. ページリンクにマウスを合わせ、ペンアイコンをクリック。
  4. リンク先を選択。

    リンク設定についてはこちらをご参照ください
    → 「URLを設定する場合はこちら
    → 「サイト内のセクションや他のページにリンクする場合はこちら
    → 「ファイルをダウンロードするリンクを設定する場合はこちら
      (ゴールドプラン以上)
  5. 「OK」をクリック。
  6. 以上が、リンクの設定手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

表示 / 非表示

ページリンクごとに表示/非表示の設定が可能です。
  1. ページリンクをクリック。
  2. 「リンク」をクリック。
  3. 「表示/非表示」アイコンをクリック。

    PCのみで表示、スマホのみで表示なども設定可能です。
    表示・非表示の設定についてはこちらをご参照ください
    → 「表示・非表示の設定
  4. 「OK」で確定。
  5. 以上が、表示/非表示の設定手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

上部固定の設定

公開画面でスクロールをした際に、ヘッダーが同じ場所に固定されるか、スクロールされるかを設定できます。
  1. ヘッダーセクションをクリック。
  2. 「上部固定」をクリック。
  3. 固定設定の選択。
  4. 「OK」で確定。
  5. 以上が、上部固定設定の手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

レイアウトの変更

ヘッダーレイアウトは、PC表示とスマホ表示を別々に設定できます。

◆PCの場合

  1. ヘッダーセクションをクリック。
  2. 「PC表示」をクリック。
  3. レイアウトを選択。
  4. 「OK」で確定。
  5. 以上が、PCのレイアウト変更手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。

 

◆スマホの場合

  1. ヘッダーセクションをクリック。
  2. 「スマホ表示」をクリック。
  3. レイアウトを選択。
  4. 「OK」で確定。
  5. 以上が、スマホのレイアウト変更手順です。
    公開サイトへ反映するには「サイト更新」をクリックしてください。
装飾の変更についてはこちら →「ヘッダーの装飾