# アナウンスメントバー

> **学べること**
>
> * Plain Janeで告知バーを有効化してカスタマイズする方法
> * ページタイプごとに独自のスタイルにする方法

***

### 概要

この **アナウンスメントバー** はストアの上部に表示される小さなバナーです。プロモーション、再入荷、ストアポリシーなど重要なメッセージを表示するのに最適な場所です。

このバーをグローバルに表示するか特定のページにのみ表示するかを制御でき、ページタイプごとに独立してスタイルを設定できます。

***

### 有効化方法

1. 「 **テーマエディター**、に移動し **テーマ設定** タブ
2. 下にスクロールして、次を見つけます： **アナウンスメントバー** セクション
3. 切り替え： **アナウンスメントバーを表示** でオンにします

> 💡 特定のページに表示するには、これらのトグルを有効にします：
>
> * **ホームページに告知バーを表示**
> * **コレクションページに告知バーを表示**
> * **商品ページに告知バーを表示**

***

### 設定リファレンス

#### メッセージ

* **アナウンスメントテキスト**：告知メッセージを追加します（例：「週末は送料無料」）
* **テキストのフォントサイズ**：メッセージテキストのサイズを調整します（ピクセル単位）

#### ページ別スタイリング

ページタイプごとに背景色とテキスト色を設定します：

* **ホームページ**
  * 背景色
  * テキスト色
* **コレクションページ**
  * 背景色
  * テキスト色
* **商品ページ**
  * 背景色
  * テキスト色
* **デフォルト（その他のページ）**
  * 背景色
  * テキスト色

> ⚠️ これらの上書きは、該当のページタイプで告知バーが有効になっている場合にのみ適用されます。

***

### 高度な表示オプション

* **シャドウを有効にする**：視認性を高めるためにバーの後ろに影を追加します
* **スクロールテキストを有効にする**：ティッカー風のスクロールアニメーションを有効にします
* **告知バーを固定表示する**：スクロール中にバーを上部に固定します
* **告知バーの角を丸くする**：バーに丸みを帯びたエッジを追加します
* **大型の告知バーを有効にする**：より目立たせるために高さを増やします

***

### ベストプラクティス

* メッセージは短く行動を促すものにする
* 読みやすさのためにテキストと背景のコントラストを合わせる
* 緊急のアラートにはスクロールや固定表示オプションを使用する

***

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

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