フッターレイアウト設定

注目のリンク

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

役立つ動画

Shopify Academy動画：ストアのカスタマイズ

Shopify Academy動画：ストアのカスタマイズ

これらの設定を使って、フッター項目が全体のフッター配置の中でどのように収まるかを調整します。これらは、より明確なグループ化、より良い間隔、またはフッター全体でよりわかりやすい視覚的階層を作りたい場合に特に役立ちます。これらの設定がエディターでどのように管理されるかの詳細については、テーマエディターに関するShopifyドキュメントをご覧ください。

レイアウト設定

これらのコントロールは、フッター項目が他のフッターコンテンツの横でどのように流れるかに影響します。項目を追加の横方向スペースに広げたり、別の列を開始したり、新しい行に移動したりするために使用できます。テーマコンテンツの構成の詳細な概要については、セクションとブロックに関するShopifyドキュメントをご覧ください。

利用可能なスペースを埋める は、長いテキストや、さもなければ不自然な余白が残る領域など、追加の幅があると効果的なコンテンツに最適です。これにより、1つの項目が行の残りのスペースを占めるため、フッターの見た目がよりバランスよくなります。

利用可能なスペースを埋める は、デスクトップレイアウトのみを変更します。効果を確認するときは、より大きい画面でチェックしてください。

新しい列に表示 は、項目を別の縦方向のグループとして開始します。リンク、連絡先情報、ブランド情報など、異なる種類のフッターコンテンツをより明確に分けたい場合に使用します。

新しい行に表示 は、項目を現在の行の下に移動することで、よりはっきりと分離します。これは、フッター項目を上の項目と同じ横並びにせず、明確に別の要素として見せたい場合に便利です。

これらのオプションを選ぶときは、まず読み取りの流れを考えてください。新しい列または行を開始すると、フッターの見え方が変わります。一方、利用可能なスペースを埋める設定は、主に項目がレイアウトにどれだけ強く固定されるかを変えます。

これらのレイアウトコントロールが想定どおりに動作する方法の詳細については、レイアウト設定のリファレンスをご覧ください。

使用上の注意

1. 似た内容はまとめる。 フッター項目を1つの連続したまとまりではなく別々のグループとして見せたい場合は、新しい列を開始します。
2. 追加の幅は目的を持って使う。 より広いコンテンツがバランスや読みやすさを改善するときだけ、項目に利用可能なスペースを埋めさせます。
3. 新しい行は強い分離のために使う。 項目を主要なフッターコンテンツの下に明確に配置したい場合は、新しい行に移動します。
4. 両方の表示領域を確認する。 デスクトップとモバイルのコントロールでは、レイアウト、配置、表示、またはメディアの動作が異なる場合があるため、完了前に両方の画面サイズを確認してください。
5. フッターを見やすく保つ。 行や列の区切りを強制しすぎると、フッターが分断された印象になることがあります。
6. 顧客の流れに注意する。 ナビゲーション項目を並べ替えたり非表示にしたりすると、訪問者が到達できる内容が変わる場合があります。特に、フッターリンクがメニュー、ドロワー、またはモバイル専用コントロールにつながる場合は注意してください。