![](https://starting-marketing.com/wp-content/uploads/2021/11/lewis-keegan-XUXfZY4dOT4-unsplash-1024x683.jpg)
この記事ではCocoon設定の【通知】のタブについて解説していきます。
ここでは、ヘッダーの下に一言メッセージを記載することができるように設定することができます。
それでは順に解説していきます。
通知設定
![](https://starting-marketing.com/wp-content/uploads/2021/11/99e11ba896f2bedc428fe5ecd6a202d8.jpg)
プレビュー
![](https://starting-marketing.com/wp-content/uploads/2021/11/138f322ca31303093ab5cee9fce0e268-1024x55.jpg)
デフォルトでは通知が表示されないようになっているので、「プレビュー」は表示されていません。
プレビューを表示させる場合は、この下の【通知表示】を有効にする必要があります。
通知表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/6de67c1ddbbb3181b206ccdf8400e7c8.jpg)
【通知表示】では「通知エリアの表示」の項目にチェックを入れると通知が表示されるようになります。
通知メッセージ
![](https://starting-marketing.com/wp-content/uploads/2021/11/cba2975e9d769e18826000cbc3c5bbb9.jpg)
「通知メッセージ」では、表示させるメッセージを入力します。
例えば、下記のようなメッセージを入力して保存してみましょう。
8/20 記事を更新しました
すると、このように表示されます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/3a3b4ded0ce2380c8147dd4ca02ad8ea.jpg)
メッセージを入力しなければ通知エリア自体表示されません。
通知URL
![](https://starting-marketing.com/wp-content/uploads/2021/11/66bdac372dba7ed43a60f67cdc6b04c9.jpg)
「通知URL」では、メッセージをボタンにすることができます。
ここにURLを入力することで、読者がメッセージをクリックすればURL先へ飛ばすことができます。
リンクの開き方
![](https://starting-marketing.com/wp-content/uploads/2021/11/e8db2c2286adce437d9ded39175522b4.jpg)
「リンクの開き方」ではURLを入力した場合、同じタブで開くか、新規タブで開くかを設定することができます。できるだけ内部リンクの場合は「同じタブで開く」、外部リンクの場合は「新しいタブで開く」ように設定しましょう。
通知タイプ
![](https://starting-marketing.com/wp-content/uploads/2021/11/574767c7b9d489a4192ac8f6fd1cfa90.jpg)
その下の「通知タイプ」では、通知エリアの色を変更することができます。
デフォルトでは緑色ですが、
重要度によって黄色や赤色に変更することができます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/1550066f02a5ec794fd08cce7f09db95.jpg)
通知タイプサンプル
・通知(緑色)
![](https://starting-marketing.com/wp-content/uploads/2021/11/00386eedfb634d28a7bc92a09e84a1e9.jpg)
・注意(黄色)
![](https://starting-marketing.com/wp-content/uploads/2021/11/63edbf5a8297255a4cfd5534e5be5e26.jpg)
・警告(赤色)
![](https://starting-marketing.com/wp-content/uploads/2021/11/0dd8d4eade5ac43154fbe625e303c484.jpg)
色
![](https://starting-marketing.com/wp-content/uploads/2021/11/9082566357632a0644666ebf5f1ae61b-1024x196.jpg)
「色」の項目では通知エリアの色を自由に変更でき、文字の色も変更することができます。
【通知タイプ】の項目で色を変更していても、こちらの設定が優先されます。