マーキーセクション

学べること

  • スクロールするテキストマルキを作成する方法

  • 画像、スライドショー、またはビデオの背景を追加する方法

  • テキストの速度、サイズ、レイアウトを調整する方法

  • デスクトップとモバイルの表示をカスタマイズする方法


🧩 セクション概要

マルキセクションは、大きな横方向にスクロールするテキストを任意の背景とともに表示します。プロモーション文、スローガン、見出しのような強いメッセージに最適です。

このセクションは次の背景カスタマイズをサポートします:

  • 静止画像

  • スライドショー(最大3枚)

  • ビデオ(自動再生・ミュート)

  • 単色塗りつぶし


セクションの追加方法

  1. Shopify テーマエディタ」で、クリック 「セクションを追加」

  2. を選択します マルキ

  3. レイアウト内の任意の場所にドラッグしてください


マルキテキスト設定

  • マルキテキストの内容:ここにスクロールするテキストを追加してください

  • マルキテキストを表示:オンまたはオフを切り替え(背景のみのセクションとして使用する場合に便利)

  • マルキテキストサイズ(デスクトップ):ピクセル単位でテキストサイズを調整

  • マルキテキストサイズ(モバイル):小さい画面用に別のサイズを設定

  • マルキテキストの色:16進コードでテキスト色を設定

  • マルキの速度:テキストの移動速度を制御(大きいほど速い)

💡 ヒント:速度は通常5〜15の範囲が視認性と動きのバランスが良いです。


背景スタイルのオプション

の下で背景スタイルを選択してください マルキ背景スタイル:

  • 単色:デスクトップとモバイルで異なる色を設定

  • 画像背景:デスクトップとモバイル用に別々の画像をアップロード

  • スライドショー背景:最大3枚の回転画像をアップロード

  • ビデオ背景:ミュートされた .mp4 ループするファイル

⚠️ 省電力モードのiPhoneでは、システムの制限によりビデオが自動再生されない場合があります。


レイアウトと表示

  • セクションの高さ: 次から選択:

    • フル高さ(画面全体を埋める)

    • 自動高さ(コンテンツに基づく)

オーバーレイ設定

両方のオーバーレイをカスタマイズしてください デスクトップ および モバイル:

  • オーバーレイの色(上/下):上または下にシェーディングを追加します

  • オーバーレイの不透明度(上/下):透明度を調整してコントロールします

明るい背景上でのテキストのコントラストを改善するためにオーバーレイを使用してください。


間隔

デスクトップとモバイルで上部と下部の余白を別々に設定できます:

デスクトップの間隔

  • 上:調整可能(デフォルトは0px)

  • 下:調整可能(デフォルトは0px)

モバイルの間隔

  • 上:調整可能(デフォルトは0px)

  • 下:調整可能(デフォルトは0px)

💡 マルキが他のフルハイトセクションの近くに積み重なっている場合は、追加の余白を使用してください。


モバイルのフォールバックオプション

メインの背景が ビデオ または スライドショーの場合、モバイル版で代わりに画像を表示するよう強制できます。

  • 切り替え: 画像でモバイル背景を上書き を有効にするには

これは古いデバイスや低帯域条件でのパフォーマンスと信頼性に役立ちます。


ヘルプが必要ですか?

最終更新