成功
スライド
テキスト、オプションのアイコン、画像または動画メディアを使ってスライドショーのスライドを作成します。
このブロックを使用して、独自のメッセージ、ビジュアルスタイル、メディアを持つ1枚のスライドを追加します。機能のハイライト、プロモーションのストーリーテリング、各スライドに個別のコンテンツが必要なヒーロースライダーに適しています。ブロックがテーマの中でどのように機能するかの詳細は、セクションとブロックに関するShopifyドキュメントをご覧ください。
まず、スライドのテキストコンテンツを設定します。アイコン、見出し、本文です。短い見出しが通常は最適で、コンテンツ領域で補足情報、機能の背景、または短いプロモーションメッセージを表示できます。
アイコンフィールドには、絵文字またはアイコン名のどちらかを表示できます。スライドの先頭で素早く視覚的に示したい場合に使用し、よりすっきりとした表示にしたい場合は空欄のままにしてください。アイコン名の選び方に迷った場合は、提供元のicon guideを参照してください。
このグループでは、スライドのビジュアルメディアを制御します。静的な表示には画像を追加し、動きによって機能を説明したり、より強い視覚効果を生み出したりしたい場合は動画を使用してください。
画像と動画の両方を追加した場合は、動画が優先され、スライドがアクティブになると自動再生されます。短く軽量なクリップは、特にスライドが素早く切り替わるシーケンスの一部である場合、長い動画よりもうまく機能する傾向があります。実際の設定手順については、提供元のvideo guideを参照してください。
非アクティブ時のオーバーレイの色と不透明度は、スライドがアクティブでないときの見え方に影響します。背景のメディアが明るすぎたり、気が散る場合はオーバーレイを強め、画像や動画をより多く見せたい場合は弱めてください。
画像が表示されない場合は、動画も追加されていないか確認してください。このブロックでは動画が画像より優先されます。
標準ブロック設定
Section titled “標準ブロック設定”表示設定を使用すると、このブロックをデスクトップまたはモバイルで非表示にできます。これは、異なる文字数のコピー、別のメディアの切り抜き、または小さい画面向けのよりシンプルなスライド内容を使いたい場合に便利です。関連するエディターの動作については、セクションのカスタマイズに関するShopifyドキュメントを参照してください。
モバイル版とデスクトップ版を別々に作成する場合は、メッセージを一貫させて、デバイス間で矛盾するスライド内容が表示されないようにしてください。また、提供元の表示設定も確認できます。
使用上の注意
Section titled “使用上の注意”- コピーは簡潔に保ちます。 短い見出しと簡潔な補足テキストの方が、スライドショー内で把握しやすくなります。
- メディアは意図的に選びます。 動きが明確な価値を加える場合にのみ動画を使用し、より軽くシンプルなスライドにしたい場合は画像を優先してください。
- 非アクティブ時のオーバーレイは慎重に調整します。 アクティブでないスライドが、アクティブなスライドの邪魔にならないように、オーバーレイの色と不透明度を調整してください。
- デバイスごとの差異を考慮します。 コントロール、配置、表示、メディアの動作は表示領域によって異なる場合があるため、デスクトップ版とモバイル版の両方を確認してください。
- 可能な場合はフォールバックのスタイルを使用します。 空欄またはデフォルトの値は周囲のデザインを維持しやすく、明示的な色、グラデーション、またはメディアの上書きはスライドをより独立した印象にします。
- アクティブなメディアの動作を確認します。 デスクトップ用とモバイル用に別々のメディアを設定した場合は、公開前に両方のレイアウトで切り抜き、読み込み、可読性を確認してください。