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

Cocoonのヘッダーアピールエリアを設定する

スポンサーリンク
使い方

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、ヘッダーに表示できる「アピールエリア」の使い方についてです。

以下、サンプルです。赤枠内が「ヘッダーアピールエリア」になります。

Cocoonヘッダーアピールエリアサンプル

スポンサーリンク

ヘッダーアピールエリアを設定する

サイトヘッダーに表示されるアピールエリアの設定です。

 

Cocoon設定」を開きます。

Cocoon設定

アピールエリア」タブを選択します。

Cocoon設定・アピールエリア

設定項目
  • アピールエリアの表示、非表示
  • アピールエリアの高さ、画像、背景色
  • アピールエリアのタイトル、メッセージ
  • ボタンメッセージ、リンク先、リンクの開き方、ボタンの色

 

アピールエリアの表示ページ

表示したいページは以下から選択できます。

  • 全ページ
  • フロントページのみ
  • 投稿・固定ページ以外
  • 投稿・固定ページのみ
  • 投稿ページのみ
  • 固定ページのみ

Cocoonヘッダーアピールエリアの設定

 

表示設定

  • アピールエリアの高さ、画像、背景色
  • アピールエリアのタイトル、メッセージ
  • ボタンメッセージ、リンク先、リンクの開き方、ボタンの色

アピールエリアの設定

 

以下のサンプルは、背景画像を指定し、背景色を薄緑色、ボタンの色を黒にしている例です。

Cocoonヘッダーアピールエリアサンプル

 

上部の「アピールエリアサンプル」となっている文字部分がタイトル

「アピールエリアメッセージ」となっている部分がメッセージで設定したもの。

ボタンにはもちろん、リンク先URLと、新しいタブで開くかどうかを設定できます。

 

アピールエリアのカスタマイズは以下も参考にして下さい。

Cocoonのヘッダー下アピールエリアをカスタマイズ
Cocoonのヘッダー下に表示できる「アピールエリア」をカスタマイズしてみます。 背景の色を変える簡単なカスタマイズから、ボタンの位置などデザインを変えるものなど、あれこれと。 ア...

 

その他のヘッダーエリア設定方法は以下をご覧下さい。

 

 

コメント

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