お知らせバー

ヘッダーのすぐ下にお知らせバーを表示し、リンクをはることができます。

お知らせバー表示サンプル
お知らせバー表示サンプル

設定手順

1. カスタマイザーを開く

管理バーのカスタマイズをクリックしてカスタマイザーを開きます。

2. お知らせバーを開く

カスタマイザーのメニューからお知らせバーをクリックして設定画面を開きます。

3. テキストとリンク先の設定

「お知らせバーコンテンツ」欄に、表示したいテキストを入力します。「お知らせバーリンク URL」にリンク先 URL(任意)を入力し、公開をクリックすると設定が完了します。

お知らせバーのカラーを変更したい

カスタマイザーで色の変更はできるようにはなっていませんが、下記のような CSS を追加することで変更できます。CSS の追加はカスタマイザーメニューの追加CSSから行うことができます。

.p-infobar__inner {
  background-color: #f00;
  color: #fff;
}

1. 追加CSSを開く

2. 任意のCSSを追加する

最後に公開をクリックして設定完了です。