ヘッダーは、サイトの上部(デスクトップでは左側の場合もあります)に配置されるナビゲーションバーで、訪問者がブランドを認識し、ページを切り替え、主要なアクションボタンをクリックするために使用します。フッターは、サイトの最下部に配置されるセクションで、ブランド紹介、複数列のナビゲーション、連絡先情報、ソーシャルアイコン、法的規約へのリンクなどを集約します。
ヘッダー設定フォームの「基本情報」セクションでは、左上に表示されるブランドアイデンティティを自由に組み合わせることができます。
デスクトップのナビゲーションバーは、通常、ソーシャルアイコンを並べずシンプルに保たれます。しかし、タブレットやモバイルでハンバーガーメニューを開いた際には、これらのアイコンは訪問者にとって非常に役立ちます。そのため、ヘッダーの「ソーシャルリンクの表示」設定では、デスクトップ、タブレット、モバイルごとに個別の設定が可能です。
ヘッダーの「レイアウトと外観」セクションでは、視覚的なサムネイルとトグルを使用して全体のスタイルを調整できます。
| ナビゲーションの配置(4つのレイアウト) | デスクトップでの表示(モバイルとタブレットでは自動的にトップメニューに折りたたまれます) |
|---|---|
| トップ分割(デフォルト) | 左側にブランドロゴとサイト名、右側にナビゲーションリンク、ソーシャルアイコン、行動喚起ボタン、機能ボタン(検索、カート)を配置します。 |
| 左揃え | モダンなソフトウェアやブランドサイトに適したスタイルです。ロゴのすぐ右側にナビゲーションリンクを配置し、行動喚起ボタンや機能ボタン(検索、カート)を右端に寄せます。 |
| トップ中央揃え | ヘッダーの中央にナビゲーションリンクを左右対称に配置します。ブティック、レストラン、ウェディング、スタジオなどのサイトに最適です。 |
| 左サイドバー | デスクトップ画面の左側に260px幅の固定垂直ナビゲーションバーを配置します(上部にロゴとサイト名、中央に垂直メニュー、下部に2つのボタンとソーシャルアイコン)。右側のメインコンテンツとフッターは自動的に調整され、ヒーローセクションは画面上部に揃えられます。 |
ヘッダーの右端、アクションボタンの隣には、機能ボタンである「検索」と「カート」があります。ヘッダーフォームの「機能ボタン」セクションで、表示の有無を決定し、ドラッグハンドル(⋮⋮)を使用して順序を調整できます。
/や⌘Kを押下)して、すべての公開済みコンテンツ(標準ページ、サブページ、ブログ記事、カテゴリー、タグ、製品、カテゴリーなど。売り切れ商品は最後に表示されます)を検索できます。ウィンドウ下部の「すべての結果を表示」をクリックすると、/search結果ページに移動します。/search結果ページやは公開サイトで引き続き利用可能であり、インデックスも通常通り更新され、カスタムフロントエンドやAIアシスタントをサポートします。訪問者が特定のページを見つけられないようにするには、ボタンを隠すだけでなく、前述の「サイト内検索から除外」オプションを使用してください。© 2026 Brand Name)を入力します。#アンカーリンクの作成ヘッダーとフッターのナビゲーションメニューは、ページを追加しても自動的には入力されません。「ナビゲーション項目」で手動で追加し、順序を入れ替える必要があります。
「ナビゲーション項目を追加」をクリックし、表示テキスト(例:「サービス」)を入力して、「リンク先を選択」で検索または選択します。
https://...を直接貼り付けます)。「同じタブ」または「新しいタブ」で開くかを選択します。#アンカージャンプ)1ページ構成のサイトや、ナビゲーションの「FAQ」をクリックした際にホームページの中間にあるFAQセクションへスムーズにスクロールさせたい場合は、以下の2ステップを実行します。
faq)を入力します。#faqを選択するだけです!ヘッダーとフッターの表示設定は完全に独立しており、それぞれの選択内容に従います。ヘッダーを「左サイドバー」に設定しても、フッターはフッターフォームで選択されたロゴとナビゲーション項目に従って表示されます。左サイドバーサイトでよりミニマルなフッターが必要な場合は、フッターレイアウトを「ミニマル単一行」に切り替えるか、フッター設定でブランドロゴのチェックを外してください。
上部ナビゲーションバーが煩雑になるのを防ぐため、デスクトップのトップバーレイアウトではソーシャルアイコンはデフォルトで無効になっています(タブレットとモバイルのハンバーガーメニューでのみデフォルトで有効です)。デスクトップサイトの上部にソーシャルアイコンを表示したい場合は、ヘッダーフォームの「ソーシャルリンクの表示」の右側にある「デスクトップ」アイコンをクリックし、下部のプラットフォームカプセルを選択して有効にしてください。
内部ナビゲーション項目が未公開または「非表示」に設定されたページを指している場合、ライブサイトのヘッダーとフッターは、訪問者が404ページに到達するのを防ぐためにそのリンクを自動的に非表示にします。ページを公開状態にしてサイトを公開すると、ナビゲーションリンクが自動的に表示されます。