アナウンスメントバー

Plain Jane および Plain Jane Interactive 向け

あなたが学ぶこと

  • Plain Janeでアナウンスメントバーを有効化してカスタマイズする方法

  • 異なるページタイプごとにユニークにスタイルを設定する方法


概要

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

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


有効化方法

  1. テーマエディター、に移動して テーマ設定 タブ

  2. 下にスクロールして、次を探します アナウンスバー セクション

  3. 切り替え アナウンスバーを表示 でオンにしてください

💡 特定のページに表示するには、これらのトグルを有効にします:

  • ホームページにアナウンスメントバーを表示

  • コレクションページにアナウンスメントバーを表示

  • 商品ページにアナウンスメントバーを表示


設定リファレンス

メッセージ

  • アナウンステキスト:アナウンスメントメッセージを追加(例:「FREE SHIPPING ALL WEEKEND」)

  • 本文フォントサイズ:メッセージテキストのサイズを調整(ピクセル単位)

ページ別のスタイリング

ページタイプごとに背景色とテキスト色を設定:

  • ホームページ

    • 背景色

    • 本文色

  • コレクションページ

    • 背景色

    • 本文色

  • 商品ページ

    • 背景色

    • 本文色

  • デフォルト(その他のページ)

    • 背景色

    • 本文色

⚠️ これらの上書きは、該当のページタイプでアナウンスメントバーが有効になっている場合にのみ適用されます。


高度な表示オプション

  • 影を有効にする:バーの背後に影を追加して視認性を高めます

  • スクロールテキストを有効にする:ティッカー風のスクロールアニメーションを有効化します

  • アナウンスメントバーをフロート表示:スクロール中もバーを上部に固定します

  • アナウンスメントバーの角を丸くする:バーに丸みのあるエッジを追加します

  • 大型アナウンスメントバーを有効にする:より目立たせるために高さを増やします


ベストプラクティス

  • メッセージは短く、行動を促す内容にしてください

  • 読みやすさのためにテキストと背景のコントラストを合わせてください

  • 緊急の通知にはスクロールやフロートのオプションを使用してください


ヘルプが必要ですか?

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

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

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

最終更新