オレンジの枠が「お知らせバー」です。薄い部分は、まわりの部品のイメージです。
お知らせバー
Announcement Bar
ページの一番上の細い帯に、「送料無料」「年末年始のお休み」などの短いお知らせを出すもの。
別名告知バートップバーインフォメーションバー
入れるもの
- ひと言のお知らせ(1行)
- 詳しいページへのリンク
- 閉じるボタン(あれば)
作るときのコツ
- 1行で読める長さにする
- 期間が終わったら必ず消す
- 目立つが、うるさくない色に
どこで使われている?
- よく見かける場所
- ネットショップ、お店のホームページ
- 使うとよい場面
- セール・送料無料・休業日など、全員に知らせたいことがあるとき
- いらない・注意する場面
- 伝えることがないのに常に出しておくこと
似ている部品との違い
AIへの指示文
LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。
商品・サービスを宣伝する1ページのLP(ランディングページ)に、「お知らせバー(Announcement Bar)」のセクションを作ってください。 内容:ページの一番上に、高さの低い細い帯を置き、中央に「全品送料無料キャンペーン中」のような1行のお知らせと詳細リンク、右端に閉じるボタンをつける。 入れるもの:ひと言のお知らせ(1行)/詳しいページへのリンク/閉じるボタン(あれば) 気をつけること:1行で読める長さにする/期間が終わったら必ず消す/目立つが、うるさくない色に スマホでも見やすいように、画面が狭いときは縦に並べてください。