すべてのカード設定

注目のリンク

1. 全カード設定に関するCompany XYZドキュメント
2. テーマエディターに関するShopifyドキュメント

役立つ動画

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

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

これらの設定を使用すると、記事、コレクション、ページ、商品カードの見た目をテーマ全体で一貫させることができます。広い範囲に適用されるため、小さな調整でも、多くの場所でグリッドや一覧エリアの印象が変わることがあります。

このグループの組み込みリファレンスは、すべてのカード設定に関するCompany XYZドキュメント で確認することもできます。

テーマ設定がエディターにどのように表示されるかの概要については、テーマエディターに関するShopifyドキュメント を参照してください。

カードの外観

これらのコントロールは、コンテンツに完全な表示に必要な要素がすべて含まれていない場合の、カードの既定の見た目を定義します。

デフォルト画像 は、カードに利用できる注目メディアがない場合に、画像エリアを埋めるのに役立ちます。これは、ページのように画像を含むアイテムの横でカードが不揃いに見える可能性があるコンテンツに特に有効です。

汎用的で柔軟に使える代替画像を選んでください。キャンペーン特有すぎたり商品特有すぎたりすると、多くのカードタイプで再利用したときに場違いに見えることがあります。

ボックスシャドウを表示 設定は、カードが周囲のレイアウトからどれだけ強く際立つかを変更します。これをオンにすると、密なグリッドやカード背景がページ背景に近いページで、通常はカードがより明確に見えます。

デザインですでに十分な余白、枠線、コントラストを使っている場合は、影をオフにすると、よりすっきりしてミニマルな見た目になります。カードがページに溶け込みやすい場合は、影をオンにしておくと見やすさを改善できます。

使用上の注意

1. 再利用できる代替画像を選びます。 1つの特定のメッセージに結びついたものではなく、商品、コレクション、記事、ページ全体で使えるアートワークや写真を使用してください。
2. 複数のテンプレートでプレビューします。 これらの設定を変更した後は、いくつか異なるグリッドや一覧レイアウトを確認してください。同じカードの既定値でも、テーマのさまざまな部分に表示される可能性があります。
3. わかりやすさとシンプルさのバランスを取ります。 カードの区切りがもっと必要な場合は影を有効にし、レイアウトがすでに整理されて見やすい場合は無効にしてください。
4. 繰り返しのプレースホルダーは避けます。 多くのカードが同じデフォルト画像に依存する場合は、繰り返し使ってもコンテンツの邪魔にならない、控えめなものを選んでください。
5. 両方のビューポートを確認します。 既定値を更新した後は、デスクトップとモバイルの両方でカードを確認してください。ブレークポイントによって、余白、配置、メディア表示が変わることがあります。
6. 代替スタイルは柔軟に保ちます。 カードを周囲のデザインに溶け込ませたい場合は既定の状態を使用し、各カードエリアを独立して見せる必要がある場合だけ、より強い画像の処理を追加してください。