お知らせバーを追加する

ペ⁠ージ全体に表示されるメ⁠ッセ⁠ージを作成し⁠、スタイルを設定します⁠。

最終更新日 2025年1月20日

サイト上部にカスタム メ⁠ッセ⁠ージを表示するには⁠、お知らせバ⁠ーを使用できます⁠。これは⁠、セ⁠ール⁠、プロモ⁠ーシ⁠ョン⁠、営業時間の変更⁠、その他の重要な更新を告知するのに最適です⁠。

お知らせバ⁠ーは⁠、カバ⁠ー ペ⁠ージを除くサイトのすべてのペ⁠ージに表示されます⁠。ペ⁠ージごとにカスタマイズしたり有効にしたりすることはできません⁠。

announcement-bar.png

この機能へのアクセス

お知らせバ⁠ーは⁠、コア⁠、プラス⁠、アドバンス⁠、ビジネス⁠、コマ⁠ース ベ⁠ーシ⁠ック⁠、コマ⁠ース アドバンスの各プランで利用できます⁠。詳細については⁠、「⁠適切なSquarespaceプランを選択する⁠」をご覧ください⁠。

動画を見る

お知らせバ⁠ーを作成する

お知らせバ⁠ーを追加するには⁠、次の手順を実行します⁠。

  1. [⁠⁠お知らせバ⁠⁠ー⁠⁠] パネルを開きます⁠⁠。
  2. ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーから [⁠⁠お知らせバ⁠⁠ーを有効化⁠⁠] を選択します⁠⁠。
  3. フ⁠⁠ィ⁠⁠ールドにお知らせバ⁠⁠ーのテキストを入力します⁠⁠。テキストを太字または斜体にして⁠⁠、テキスト リンクを作成できます⁠⁠。
  4. お知らせバ⁠⁠ー全体をリンクにするには⁠⁠、クリ⁠⁠ックスル⁠⁠ーURLにWebアドレスを入力するか⁠⁠、「をクリ⁠⁠ックして⁠⁠、さまざまなタイプのリンクを設定します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックしてお知らせバ⁠⁠ーを公開します⁠⁠。
  1. [⁠⁠その他⁠⁠]⁠⁠、[⁠⁠マ⁠⁠ーケテ⁠⁠ィング⁠⁠]⁠⁠、[⁠⁠お知らせバ⁠⁠ー⁠⁠] の順にタ⁠⁠ップします⁠⁠。
  2. タ⁠⁠ップして [⁠⁠表示⁠⁠] トグルをオンにします⁠⁠。
  3. フ⁠⁠ィ⁠⁠ールドにお知らせバ⁠⁠ーのテキストを入力します⁠⁠。テキストの書式設定を設定し⁠⁠、テキスト リンクを作成できます⁠⁠。
  4. [⁠⁠リンク⁠⁠] をタ⁠⁠ップして⁠⁠、ペ⁠⁠ージ⁠⁠、フ⁠⁠ァイル⁠⁠、またはその他のコンテンツへのリンクを追加します⁠⁠。
  5. [⁠⁠保存⁠⁠] をタ⁠⁠ップしてお知らせバ⁠⁠ーを公開します⁠⁠。

お知らせバ⁠ーのスタイル設定

お知らせバ⁠ーのスタイルを設定して⁠、サイトのブランドに合⁠ったり⁠、サイトのコンテンツから目立つようにしたりできます⁠。

お知らせバ⁠⁠ーは⁠⁠、サイト用に選択した一般的なフ⁠⁠ォントと色に従いますが⁠⁠、個別にスタイルを設定することもできます⁠⁠。

フ⁠⁠ォントを変更するには⁠⁠、次の手順を実行します⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠フ⁠⁠ォント⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠スタイルの割り当て⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠お知らせバ⁠⁠ー⁠⁠] で⁠⁠、[⁠⁠テキスト⁠⁠] をクリ⁠⁠ックします⁠⁠。
  4. プリセ⁠⁠ットのスタイルとサイズから選択するか⁠⁠、[⁠⁠カスタム⁠⁠] を選択します⁠⁠。
  5. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

お知らせバ⁠⁠ーの色は通常⁠⁠、ヘ⁠⁠ッダ⁠⁠ーのカラ⁠⁠ー テ⁠⁠ーマと一致します⁠⁠。ヘ⁠⁠ッダ⁠⁠ーが透明である場合⁠⁠、次のセクシ⁠⁠ョンのテ⁠⁠ーマと一致します⁠⁠。ヘ⁠⁠ッダ⁠⁠ーが非表示の場合⁠⁠、サイトの既定のテ⁠⁠ーマに従います⁠⁠。

色を変更する方法は次の通りです⁠⁠。

  1. ペ⁠⁠ージの編集中に⁠⁠、サイト スタイルを開き⁠⁠、[⁠⁠色⁠⁠] の横にある>をクリ⁠⁠ックします⁠⁠。
  2. お知らせバ⁠⁠ーに適用されているテ⁠⁠ーマの鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  3. 「⁠⁠お知らせバ⁠⁠ー⁠⁠」で⁠⁠、背景テキストの微調整オプシ⁠⁠ョンを調節します⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

お知らせバ⁠⁠ーの外観をカスタマイズするには⁠⁠、次の手順を実行します⁠⁠。

  1. [⁠⁠サイト スタイル⁠⁠] パネルを開きます⁠⁠。
  2. お知らせバ⁠⁠ーのスタイル微調整オプシ⁠⁠ョンまで下にスクロ⁠⁠ールします⁠⁠。
  3. 背景色⁠⁠、テキストの色⁠⁠、フ⁠⁠ォントを編集できます⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

表示状態をリセ⁠ット

サイトにログイン時にお知らせバ⁠ーを (⁠右上のXを使用して⁠) 閉じると⁠、[⁠お知らせバ⁠ー⁠] パネルの下部に [⁠表示状態をリセ⁠ット⁠] ボタンが表示されます⁠。ログイン時にお知らせバ⁠ーを再表示するには⁠、[⁠表示状態をリセ⁠ット⁠] をクリ⁠ックします⁠。この機能は⁠、サイトのテストと編集に便利です⁠。

[⁠表示状態をリセ⁠ット⁠] をクリ⁠ックすると⁠、Squarespaceにログインしているときにのみお知らせバ⁠ーがリセ⁠ットされます⁠。お知らせバ⁠ーを閉じた訪問者に対しては⁠、お知らせバ⁠ーは再度表示されません⁠。お知らせバ⁠ーを閉じたすべての訪問者に対して再度表示させるには⁠、お知らせバ⁠ーを編集し⁠、変更内容を保存します⁠。

お知らせバ⁠ーを無効化する

お知らせバ⁠⁠ーを無効にするには⁠⁠、次の手順を実行します⁠⁠。

  1. [⁠⁠お知らせバ⁠⁠ー⁠⁠] パネルを開きます⁠⁠。
  2. ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーから [⁠⁠お知らせバ⁠⁠ーを無効化⁠⁠] を選択します⁠⁠。

お知らせバ⁠⁠ーを無効にするには⁠⁠、次の手順を実行します⁠⁠。

  1. [⁠⁠その他⁠⁠]⁠⁠、[⁠⁠マ⁠⁠ーケテ⁠⁠ィング⁠⁠]⁠⁠、[⁠⁠お知らせバ⁠⁠ー⁠⁠] の順にタ⁠⁠ップします⁠⁠。
  2. [⁠⁠表示⁠⁠] トグルをタ⁠⁠ップして⁠⁠、お知らせバ⁠⁠ーをオフにします⁠⁠。
  3. [⁠⁠保存⁠⁠] をタ⁠⁠ップします⁠⁠。
Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。