成功
Feature
アイコン、短いテキスト、任意のリンクで、メリットや信頼要素を強調します。
Feature ブロックを使って、単一のメリット、サービス、またはメッセージをコンパクトで見やすい形式で強調します。feature グリッド、信頼エリア、販促用の行で特に効果的で、顧客が一目で価値を理解できます。セットアップの詳細については、セクションとブロックに関するShopifyドキュメント を参照してください。
メインコンテンツは、アイコン、タイトル、短い小見出しで構成されます。タイトルにはテーマの Heading 3 スタイルが使われるため、自然にメインラベルとして機能し、小見出しがその下に少し文脈を加えます。
アイコンには、絵文字または対応しているアイコン名のどちらかを使用できます。テキストのみの Feature 項目にしたい場合や、よりすっきりしたミニマルな見た目にしたい場合は、アイコンを空欄にしてください。アイコンの書式設定については、icons のソースガイダンスを参照してください。
文言は簡潔に保ってください。短いタイトルと簡潔な小見出しが通常最も適しており、推奨される小見出しの長さは、複数の Feature ブロックを並べたときに行の高さが不揃いになるのを防ぐのに役立ちます。
リンクの動作
Section titled “リンクの動作”Feature がコレクション、ポリシーページ、補足情報などの関連する次のステップにつながる場合は、リンクを追加します。これにより、ブロックは視覚的な強調だけでなく、軽量なナビゲーション要素としても役立ちます。
訪問者がリンク先のコンテンツを確認している間も現在のページを開いたままにしておく必要がある場合にのみ、リンクを新しいタブで開きます。多くの場合、通常のページ内ナビゲーションのほうがよりシンプルで自然に感じられます。
タイトルと小見出しから遷移先が明確な場合にのみ、ブロックにリンクしてください。次のステップが不明確だと、ブロックは役立つどころか誤解を招く印象になります。
標準ブロック設定
Section titled “標準ブロック設定”表示コントロールを使用して、ブロックをデスクトップ、モバイル、またはその両方に表示します。これは、デバイス別のレイアウトを作成する場合や、混雑したモバイル表示を簡略化する場合に役立ちます。
共有の表示設定リファレンスで詳細を確認できます。重要な Feature を一方のデバイスサイズで非表示にする場合は、顧客が見逃さないように、同じメッセージが別の場所にも表示されていることを確認してください。
使用上の注意
Section titled “使用上の注意”- コピーは簡潔に保つ。 短く直接的な文言にすると、Feature ブロックは見やすくなり、グループ内で揃えやすくなります。
- 意味のあるアイコンを使う。 文脈のない装飾を増やすのではなく、メッセージをすばやく補強するアイコンを選びます。
- 目的を持ってリンクする。 Feature が自然に詳しい情報や明確な次のステップにつながる場合にのみ、リンク先を追加します。
- グループ化されたレイアウトを確認する。 複数の Feature ブロックを一緒に使う場合は、よりすっきりした表示のために、アイコンのスタイルとテキストの長さを揃えてください。
- レスポンシブ表示を計画する。 ブロックをモバイルまたはデスクトップで非表示にする場合は、重要なメッセージが顧客に必要な場所に引き続き表示されることを確認してください。スライダー形式のレイアウトでは、デスクトップとモバイルで配置、プレビュー、ナビゲーションの動作も変わることがあるため、公開前に両方の表示を確認してください。