ヘッダーとフッターをカスタマイズする
ロゴ、メニューのレイアウト、フッターを変更し、ストアの全ページで共通のヘッダーとフッターを表示または非表示にします。
ヘッダーとフッターは、ストアのすべてのページに表示される2つの部分です。ヘッダーにはロゴとメニューが入り、フッターには通常、短い説明、リンクの列、著作権表示が入ります。どちらも、エディタのどのページからでも1回編集するだけで、すべてのページに反映されます。
ヘッダーとフッターを見つける
エディタでは、ヘッダーはどのページでも一番上に、フッターは一番下にあります。どちらも左パネルの下部にある構成の一覧に表示され、右端に目のアイコンがあります。どちらの設定にも全ページ共通のバッジが付いていて、編集するとすべてのページが変わることを示しています。
ロゴを変更する
- ヘッダーのメニューをクリックします。右側の設定パネルにナビゲーションが表示されます。
- ロゴをクリックしてグループを開きます。
- ロゴを追加するには画像をアップロードをクリックし、すでに追加した画像から選ぶにはアップロード済みから選ぶをクリックします。画像を追加してメディアライブラリを使うをご覧ください。
- ロゴの高さのスライダーをドラッグして、ロゴを好みの大きさにします。
ワードマークは、ストア名をテキストで表したものです。ロゴ画像を追加していないときにお客様に表示され、画像を見られない方にとってはロゴの説明としても使われます。ブラウザのタブに表示される小さなアイコンは別の設定で、サイトのデザインにあります。
メニューのレイアウトを変更する
- ヘッダーのメニューを選択した状態で、メニューグループを開きます。
- レイアウトを選びます。ロゴ左、リンク右、中央揃え、縦に並べるのいずれかです。
- カートボタンを表示のオンとオフを切り替えます。アカウントのアイコンは、お客様がログインして注文を確認するために使うので、常に表示されます。
同じグループに、メニューの書体とリンクの一覧もあります。メニューのリンクを編集するをご覧ください。メニューに色付きのバーを付けるには、外観を開いて背景色を選びます。
ヘッダーまたはフッター全体のスタイルを設定する
メニューは、ヘッダーの中にある1つのブロックです。ヘッダー自体とフッターはセクションで、セクションには独自の設定があります。
- 構成の一覧で、ヘッダーまたはフッターをクリックします。
- 全般グループを開きます。
- 必要な項目を変更します。背景色、背景画像、文字色、最小の高さ、上下の余白、グリッドの間隔、コンテンツの幅があります。
フッターを編集する
フッターは、ほかのセクションと同じようにブロックで構成されています。フッター内のブロックをクリックして編集したり、左パネルから新しいブロックをドラッグして追加したり、別の位置へドラッグして移動したりできます。フッターのリンクの列はリンクリストブロックです。列の見出しを入力してリンクを追加します。リンクはメニューのリンクとまったく同じように使えます。
ソーシャルメディアのアカウントを追加するには、ソーシャルリンクブロックをフッターにドラッグし、アカウントの下に各アカウントのアドレスを入力します。アドレスが空のアカウントは表示されません。
ヘッダーまたはフッターを非表示にする
構成の一覧で、ヘッダーまたはフッターの行にある目のアイコンをクリックします。行に取り消し線が付き、その部分はすべてのページから消えます。もう一度アイコンをクリックすると元に戻ります。ヘッダーとフッターは、削除したり移動したりすることはできず、非表示にすることだけができます。
重要: ヘッダーを非表示にすると、すべてのページでメニュー、アカウントのアイコン、カートボタンが表示されなくなり、お客様が使えなくなります。
チェックアウトページはこのルールの例外です。お客様が注文に集中できるよう、初期設定ではロゴだけが表示されます。そのページでメニューやフッターを再び表示するには、チェックアウトブロックを選択して、サイトのメニューを表示またはフッターを表示をオンにします。
変更は操作するたびに保存されます。次に公開したときに、ストアに反映されます。