Cocoonの使い方やカスタマイズとオリジナルスキン

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

スポンサーリンク
使い方
この記事は約2分で読めます。

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

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

通知エリアサンプル

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

 

スポンサーリンク

通知を設定する

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

 

Cocoon設定」を開きます。

Cocoon設定

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

Cocoon設定・通知

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

通知エリア設定

 

背景色について

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

通知タイプから設定する

通知タイプ

通知(緑色)

通知(緑色)

注意(黄色)

注意(黄色)

警告(赤色)

警告(赤色)

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

通知の色設定

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

 

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

通知色のクリア

 

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

 

コメント

タイトルとURLをコピーしました