マーキーセクション

あなたが学ぶこと

  • スクロールするテキスト(マーキー)の作り方

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

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

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


🧩 セクション概要

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

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

  • 静止画像

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

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

  • 単色の塗りつぶし


セクションの追加方法

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

  2. を選択し、 マルキー

  3. レイアウト内の希望の位置にドラッグしてください


マルキーテキスト設定

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

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

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

  • マルキーテキストサイズ(モバイル):小さい画面向けに別のサイズを設定します

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

  • マルキースピード:テキストの移動速度を制御します(値が大きいほど速くなります)

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


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

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

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

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

  • スライドショー背景:最大3枚の回転する画像をアップロードしてください

  • ビデオ背景:ミュートされた .mp4 ファイルをループ再生します

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


レイアウトと表示

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

    • フルハイト(画面全体を埋める)

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

オーバーレイ設定

両方のオーバーレイをカスタマイズします デスクトップモバイル:

  • オーバーレイの色(上/下):上下に影を追加します

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

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


間隔

デスクトップとモバイルで上部および下部の間隔を別々に設定できます:

デスクトップの間隔

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

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

モバイルの間隔

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

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

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


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

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

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

これは古いデバイスや低帯域幅の状況でパフォーマンスと信頼性を高めるのに役立ちます。


ヘルプが必要ですか?

  • 💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新