# アナウンスメントバー > **学べること** > > * Plain Janeで告知バーを有効化してカスタマイズする方法 > * ページタイプごとに独自のスタイルにする方法 *** ### 概要 この **アナウンスメントバー** はストアの上部に表示される小さなバナーです。プロモーション、再入荷、ストアポリシーなど重要なメッセージを表示するのに最適な場所です。 このバーをグローバルに表示するか特定のページにのみ表示するかを制御でき、ページタイプごとに独立してスタイルを設定できます。 *** ### 有効化方法 1. 「 **テーマエディター**、に移動し **テーマ設定** タブ 2. 下にスクロールして、次を見つけます： **アナウンスメントバー** セクション 3. 切り替え： **アナウンスメントバーを表示** でオンにします > 💡 特定のページに表示するには、これらのトグルを有効にします： > > * **ホームページに告知バーを表示** > * **コレクションページに告知バーを表示** > * **商品ページに告知バーを表示** *** ### 設定リファレンス #### メッセージ * **アナウンスメントテキスト**：告知メッセージを追加します（例：「週末は送料無料」） * **テキストのフォントサイズ**：メッセージテキストのサイズを調整します（ピクセル単位） #### ページ別スタイリング ページタイプごとに背景色とテキスト色を設定します： * **ホームページ** * 背景色 * テキスト色 * **コレクションページ** * 背景色 * テキスト色 * **商品ページ** * 背景色 * テキスト色 * **デフォルト（その他のページ）** * 背景色 * テキスト色 > ⚠️ これらの上書きは、該当のページタイプで告知バーが有効になっている場合にのみ適用されます。 *** ### 高度な表示オプション * **シャドウを有効にする**：視認性を高めるためにバーの後ろに影を追加します * **スクロールテキストを有効にする**：ティッカー風のスクロールアニメーションを有効にします * **告知バーを固定表示する**：スクロール中にバーを上部に固定します * **告知バーの角を丸くする**：バーに丸みを帯びたエッジを追加します * **大型の告知バーを有効にする**：より目立たせるために高さを増やします *** ### ベストプラクティス * メッセージは短く行動を促すものにする * 読みやすさのためにテキストと背景のコントラストを合わせる * 緊急のアラートにはスクロールや固定表示オプションを使用する *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前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/theme-settings/announcement-bar.md?ask= ``` 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.