Cocoonのサイト上部に帯状メッセージエリア(通知)を設定・全ページ表示

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、サイト上部にベルト上に表示できる「通知」の使い方についてです。

以下、サンプルです。黒いバーが「通知」エリアになります。

このエリアはサイトの全ページで表示されます。

 


 

通知を設定する

サイト上部に帯状に表示されるアピールエリアの設定です。

 

Cocoon設定」を開きます。

通知」タブを選択します。

設定項目
  • 通知エリアの表示
  • 通知メッセージの設定
  • 通知URL
  • リンクの開き方
  • 通知タイプ・色
「通知エリアの表示」にチェックを入れ、内容や色を設定するだけで完了です。

 

背景色について

帯状エリアの背景色については、好きな色に設定可能ですが、「通知タイプ」を選択する事により自動でも設定できます。

通知タイプから設定する

通知(緑色)

注意(黄色)

警告(赤色)

カスタマイズカラーを設定する

ここで色を設定すると、上記の「通知タイプ」で設定したものより優先されます。

 

「通知タイプ」を生かす場合は、色設定(カスタムカラー)したものをクリアします。

 

その他のヘッダーエリア設定方法は以下も参考にして下さい。

 

綾糸: 綾糸 主婦 1990年代、汎用機時代のエンジニア 趣味で長くやっていたweb制作は、未だにエディタでの手コーティング 現在は自宅でゆるりとweb制作やライターをしています