Features bar の設定

注目のリンク

1. 機能バーセクションに関するCompany XYZドキュメント
2. カラー設定に関するCompany XYZドキュメント
3. アイコンに関するCompany XYZドキュメント
4. テーマエディターに関するShopifyドキュメント
5. セクションとブロックに関するShopifyドキュメント

役立つ動画

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

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

これらの設定を使用して、サポートされている検索インターフェイスとメニューインターフェイス全体で、features bar の既定の見た目とコンテンツを定義します。また、サービスの強調、信頼のシグナル、短いプロモーションメッセージを一貫させるのに役立つ Features bar section の起点にもなります。テーマレベルのコントロールがどこにあるかをより広く確認するには、テーマエディターに関するShopifyドキュメント をご覧ください。

これらの設定はグローバルな既定値として機能します。Features bar section に独自のカスタム設定がある場合は、そのローカル設定でここで指定した内容を上書きできます。

カラー設定

このグループを使って、features bar に独自の視覚的な見せ方を設定します。アイコンの色、テキストの色、背景を制御でき、必要に応じてグラデーションも指定して、周囲のコンテンツから bar を際立たせられます。

これらの色は、この機能に対する通常の theme の色の選択を上書きできるため、コントラストが重要です。特に、配送、返品、サポートなどの重要なメッセージを表示する場合は、アイコンとテキストがひと目で読みやすい状態を保ってください。

共有の theme カラーコントロールについての詳しいガイダンスは、カラー設定 をご覧ください。

Item 1

最初の項目は、ストア全体で最も重要なメッセージの1つに使用します。一般的には、配送、返品、品質、サポートなどが該当します。

各項目には、アイコン、短い見出し、サブ見出し、任意のリンクを含められます。見出しには theme の Heading 3 スタイルが使われるため、簡潔な表現が最適です。

名前付きアイコンや絵文字を使用する場合は、theme の icon guidance をご覧ください。テキストのみの項目にしたい場合は、アイコンを空欄のままにしてください。

Item 2

2つ目の項目は、別の幅広い顧客向けメリットを補強するために使用します。詳細なポリシーテキストよりも、短く価値の高いメッセージに適しています。

リンクを追加する場合は、リンク先がメッセージを自然に補完するようにしてください。良い features bar のリンクは、気を散らすのではなく、内容を明確にします。

Item 3

3つ目の項目は、bar 全体で信頼性、利便性、価値のバランスを取りたいときに、別の補足メッセージとして役立ちます。bar が意図的に設計され、すばやく確認しやすくなるよう、他の項目と表現を揃えてください。

最初の2つの項目ですでに最も強いメッセージを伝えている場合は、この項目は特に簡潔にしてください。文章が多すぎると、コンパクトなレイアウトでは bar が使いにくくなります。

Item 4

4つ目の項目があれば、さらに1つグローバルな強調点を入れる余地がありますが、任意です。必要ない場合は、優先度の低いメッセージを無理に入れず、空欄のままにしてください。

多くのストアでは、4つの弱い項目よりも、3つの強い項目のほうが明確に伝わります。

ヒント

短い見出し、短いサブ見出し、シンプルなアイコンの組み合わせが、この機能では通常もっとも効果的です。

使用上の注意

1. 共有の既定値から始めます。 個別の Features bar section をカスタマイズする前に、ここで主要なカラーとメッセージを設定してください。
2. 両方のレイアウトを確認します。 スライダー形式の表示では、静的なグリッドや積み重ねレイアウトと比べて、ナビゲーション、プレビュー、配置、表示が変わる場合があるため、デスクトップとモバイルの表示を確認してください。
3. フォールバックのスタイル設定は意図的に使います。 空欄、透明、または既定スタイルの値は通常、周囲の theme の見た目を維持します。一方、明示的なカラー、グラデーション、メディアの上書きは、bar をより独立して見せます。
4. ナビゲーションを明確に保ちます。 リンクやメニュー駆動のコンテンツを追加する場合は、順序と表示が適切な宛先へ顧客を導くようにしてください。特にモバイル専用コントロールでは重要です。
5. コピーは見やすく保ちます。 各項目は、長い説明ではなく、短いメリット表現として扱ってください。
6. 最も強い項目だけを使います。 項目を空欄にしておくほうが、スペースに見合わないメッセージを追加するより適切な場合がよくあります。

theme の各パーツの構造についての設定詳細は、セクションとブロックに関するShopifyドキュメント をご覧ください。