JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り
Voltar

サイト用お知らせバー(上部のバナー)

メッセージを書き、リンクを入れて、色を選んでください。バーを閉じた人には再び表示されず、指定した日付を過ぎると自動で消えるようにもできます。

使い方

サイト上部のお知らせバー


利用できる言語: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

次のツールサイト用ステップバー(HTMLとCSSのステッパー)→
広告

サイト用お知らせバー(上部のバナー): 用途

サイト上部のバーは、セール、送料無料、祝日の特別営業時間、新着情報を、閲覧の邪魔をせずに知らせるいちばん簡単な方法です。

メッセージとリンクを書いて、色を選びます。コードは、閉じた人に再び表示しないようにし(テキストを変えるまで)、指定した日付を過ぎると自動で消え、スクロールしても固定表示にできます。バーはページの先頭に入り、読み込み時から場所を確保するため、コンテンツを押し下げてCLSを悪化させることがありません。

使い方

  1. テキストとリンクを書きます。
  2. 色、閉じるボタン、終了日を選びます。
  3. コピーして、bodyタグの直後に貼り付けます。

使うタイミング

  • ブラックフライデーのセール。
  • 祝日の営業時間のお知らせ。
  • 送料無料や割引クーポン。

よくある質問

バーを閉じたことをどう記憶しますか?

コードが、そのお知らせが閉じられたことを(localStorageに)保存します。テキストを変えるとキーも変わるため、新しいお知らせが全員にもう一度表示されます。

バーはSEOや読み込みに影響しますか?

いいえ。軽量なHTMLとCSSです。読み込み後にページが押し下げられる(GoogleのCLS指標が悪化する)ことがないよう、コードはbodyの先頭にバーを置いて最初から場所を確保し、すでに閉じた人の場合だけ取り除きます。

指定した日付までだけ表示できますか?

はい。終了日を入力すると、その日を過ぎればバーは表示されなくなります。サイトに入って削除する必要はありません。

本当に無料?

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。

関連ツール

ご支援ありがとうございます!

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください:

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。