成功
タイトル
柔軟なスタイルとオプションの共有または印刷ボタンで商品タイトルを表示します。
このブロックを使用して商品タイトルを表示し、必要に応じてその横にすばやく使えるユーティリティアクションを追加します。商品のヘッダーの視覚的な優先度を高めつつ、見やすい領域に保つことができます。テーマブロックの仕組みについて詳しくは、セクションとブロックに関するShopifyドキュメントを参照してください。
このブロックのソース提供リファレンスは、タイトルに関するCompany XYZドキュメントで確認できます。
主な設定では、タイトルの目立ちやすさと、印刷または共有アクションを表示するかどうかを制御します。ほとんどのレイアウトでは、価格、購入オプション、その他の重要な商品詳細を圧倒しないようにしながら、タイトルがはっきりと目立つ必要があります。
テキストサイズは、商品名にどれだけ注目を集めるかに影響します。小さめのサイズは情報量の多い商品レイアウトに適しており、大きめのサイズはタイトルがページの先頭に来るようなシンプルなレイアウトに適しています。
テキストカラーは、まず読みやすさを優先する必要があります。空白、透明、またはデフォルトスタイルの値は通常、周囲のスタイルを維持します。一方、明示的な色を指定すると、このブロックにより独立した印象を与えられます。周囲の背景に対して見やすく、近くのラベルや行動喚起と競合しない色を選択してください。
印刷と共有は、オプションのユーティリティアクションです。お客様のページの使い方に合う場合は有効にしますが、明確な利点がないのに表示が煩雑になる場合はオフのままにしてください。
標準ブロック設定
Section titled “標準ブロック設定”表示設定では、このブロックがデバイスサイズごとにいつ表示されるかを制御します。これは、モバイル用とデスクトップ用に別の商品のレイアウトを作成している場合に便利です。
商品タイトルがそのレイアウトの別の場所でまだ明確に表示されている場合にのみ、特定のデバイスでこのブロックを非表示にしてください。表示設定に関するソース提供ガイドは、表示設定に関するCompany XYZドキュメントにあります。
その画面サイズで別の表示されているタイトルが代わりに表示されない限り、このブロックをモバイルまたはデスクトップで非表示にしないでください。
使用上の注意
Section titled “使用上の注意”- 明確な階層を設定します。 商品名が強く視認され、他の重要な詳細が下に押し下げられすぎないタイトルサイズを選択します。
- コントラストを優先します。 ブロック周辺のレイアウトで読みやすいテキストカラーを使用します。
- ユーティリティアクションを最小限にします。 印刷または共有は、それらのアクションがお客様にとって有用な場合にのみ有効にします。
- レスポンシブレイアウトを確認します。 表示設定を使用する場合は、タイトルがブレークポイントごとに異なって表示される可能性があるため、モバイルとデスクトップの両方を確認してください。
- ヘッダーの焦点を保ちます。 このブロックの近くに、アクション、リンク、バッジを詰め込みすぎないようにしてください。