フッターメニュー

注目のリンク

1. セクションとブロックに関するShopifyドキュメント
2. フッターレイアウト設定に関するCompany XYZドキュメント
3. 表示設定に関するCompany XYZドキュメント

役立つ動画

Shopify Academy動画：ストアをカスタマイズする

Shopify Academy動画：ストアをカスタマイズする

このブロックを使用して、フッター内にリンクのシンプルなリストとしてナビゲーションメニューを表示します。ヘルプページ、ポリシー、アカウントリンク、サービス情報などの補助ナビゲーションに適しており、より広いフッターレイアウトにブロックをきれいに収めるためのコントロールが含まれています。テーマエディターでフッターのコンテンツがどのように整理されるかの概要については、セクションとブロックに関するShopifyドキュメント を参照してください。

配置設定

デスクトップとモバイルの配置コントロールを使用して、ブロック内の見出しとメニューリンクを配置します。フッターが大きな画面ではバランスよく見えても、ブロックが小さな画面で縦に積み重なるときに別の見せ方が必要になる場合は、配置を分けて選べると便利です。

ヒント

リンクを追加したり名前を変更したりした後は、モバイルでの配置を確認してください。デスクトップでは整って見えるメニューでも、フッターが縦に圧縮されると不自然に見えることがあります。

レイアウト設定

これらの設定は、ブロックがフッターレイアウト内でどのように動作するかを制御します。リンクの上に見出しを追加したり、表示するメニューを選んだり、ブロックを新しい列または行に配置したり、余った横方向のスペースに合わせて伸縮させたりできます。

リンクに明確なラベルが必要な場合は、見出しを使用してください。たとえば、Help、Customer care、Policies などです。選択したメニューは短く目的が明確なものにして、フッターが混み合わず、お客様がすばやく確認できるようにしてください。

レイアウトコントロールは、フッターを複数のブロックタイプで横並びに組み合わせる場合に特に便利です。よりカスタムなフッター構成を整理している場合は、フッターレイアウト設定 が役立ちます。

利用可能なスペースを埋める は、デスクトップレイアウトにのみ影響します。モバイルでもブロックのバランスが悪く感じる場合は、代わりにモバイルの配置または表示を調整してください。

標準ブロック設定

表示設定

表示コントロールを使用して、このブロックをデスクトップ、モバイル、またはその両方に表示します。これは、大きな画面ではより充実したフッターメニューを表示し、モバイルではよりシンプルなフッターにしたい場合に便利です。

共通の表示動作については、表示設定 を参照してください。

使用上の注意

1. メニューはコンパクトに保つ。 このブロックは、大きなナビゲーションリストではなく、短く実用的なリンクグループに使用します。
2. グループ名をわかりやすく付ける。 リンクの目的が周囲のフッターコンテンツからすぐにはわからない場合は、見出しを追加します。
3. 両方の画面サイズを確認する。 デスクトップとモバイルで配置、間隔、リンク順を確認し、各レイアウトでメニューが見やすい状態を保ちます。
4. お客様の導線を守る。 非表示、並べ替え、モバイル専用のリンクによって、お客様がたどり着く先が変わる場合があるため、メニューが最も重要な目的地を引き続き表示していることを確認してください。
5. レイアウトコントロールは意図的に使用する。 余白を作るためだけではなく、フッター構造を改善するときにのみ、新しい行や列を開始します。
6. 必要に応じてデバイス別に非表示にする。 表示設定を使用して、モバイルのフッターを簡素化したり、デスクトップでより完全なリンクセットを表示したりします。