# マーキーセクション

### **学べること**

* スクロールするテキストマルキを作成する方法
* 画像、スライドショー、またはビデオの背景を追加する方法
* テキストの速度、サイズ、レイアウトを調整する方法
* デスクトップとモバイルの表示をカスタマイズする方法

<figure><img src="/files/6beeb80e2c5deac4a5fa537e1e34b37493148f8c" alt=""><figcaption></figcaption></figure>

***

### 🧩 セクション概要

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

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

* 静止画像
* スライドショー（最大3枚）
* ビデオ（自動再生・ミュート）
* 単色塗りつぶし

***

### セクションの追加方法

1. 「 **Shopify テーマエディタ**」で、クリック **「セクションを追加」**
2. を選択します **マルキ**
3. レイアウト内の任意の場所にドラッグしてください

***

### マルキテキスト設定

* **マルキテキストの内容**：ここにスクロールするテキストを追加してください
* **マルキテキストを表示**：オンまたはオフを切り替え（背景のみのセクションとして使用する場合に便利）
* **マルキテキストサイズ（デスクトップ）**：ピクセル単位でテキストサイズを調整
* **マルキテキストサイズ（モバイル）**：小さい画面用に別のサイズを設定
* **マルキテキストの色**：16進コードでテキスト色を設定
* **マルキの速度**：テキストの移動速度を制御（大きいほど速い）

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

***

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

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

* **単色**：デスクトップとモバイルで異なる色を設定
* **画像背景**：デスクトップとモバイル用に別々の画像をアップロード
* **スライドショー背景**：最大3枚の回転画像をアップロード
* **ビデオ背景**：ミュートされた `.mp4` ループするファイル

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

***

### レイアウトと表示

* **セクションの高さ**: 次から選択：
  * フル高さ（画面全体を埋める）
  * 自動高さ（コンテンツに基づく）

#### オーバーレイ設定

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

* **オーバーレイの色（上/下）**：上または下にシェーディングを追加します
* **オーバーレイの不透明度（上/下）**：透明度を調整してコントロールします

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

***

### 間隔

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

**デスクトップの間隔**

* 上：調整可能（デフォルトは0px）
* 下：調整可能（デフォルトは0px）

**モバイルの間隔**

* 上：調整可能（デフォルトは0px）
* 下：調整可能（デフォルトは0px）

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

***

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

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

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

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

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/sections-and-features/marquee-section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
