ヘッダーのサイト名を画像に変更する方法

どうも!たら(@hajimetara)です。

サイト名をロゴ画像にするとグッと印象が変わりますよね。ヘッダーレイアウトも変更してオシャレなヘッダーに変えましょう!

ヘッダーのロゴを画像に変更する方法

Cocoon設定→「Cocoon設定」をクリック。

 

ヘッダー」タブをクリック。

 

ヘッダーロゴの「選択」をクリック。

 


画像を選択の「ファイルをアップロード」タブをクリック。

 


ファイルをドロップするかファイルを選択してアップロードします。

 

右側に画像が出るので「画像の選択」をクリック。

 

変更をまとめて保存」をクリック。

はじめ
はじめ

自分でロゴ作るのはムズカシイ。

たら
たら

ココナラで頼むのもいいね。

ヘッダーレイアウトの変更


ロゴとメニューの位置は「ヘッダーレイアウト」で変更できます。

ヘッダー背景画像を設定したい場合は、センターロゴ(デフォルト・トップメニュー・スリムメニュー・スリムトップメニュー)の中から選びましょう。トップメニューでは設定できません。

センターロゴ(デフォルト)

デフォルトは、センターロゴでグローバルナビの幅が広めです。

 

センターロゴ(トップメニュー)

センターロゴ(トップメニュー)は、センターロゴでグローバルナビがロゴの上になります。

 

センターロゴ(スリムメニュー)

センターロゴ(スリムメニュー)はセンターロゴでグローバルナビの幅がスリムです。

 

センターロゴ(スリムトップメニュー)

センターロゴ(スリムトップメニュー)はセンターロゴでグローバルナビの幅がスリムでロゴの上になりす。

 

トップメニュー

トップメニューはロゴが左で、右のグローバルナビの幅が広めです。

 

トップメニュー(右寄せ)

トップメニュー(右寄せ)はロゴが左で、右のグローバルナビの中のメニューが右寄せになります。幅は広めです。

 

トップメニュー小

トップメニュー小はロゴが左で、右のグローバルナビの幅がスリムです。

 

トップメニュー小(右寄せ)

トップメニュー小(右寄せ)はロゴが左で、右のグローバルナビの中のメニューが右寄せになります。幅はスリムです。

 

グローバルナビメニュー色の変更

グローバルナビメニューは、背景色や文字色を変更することができます。

グローバルナビメニュー色の「色を選択」をクリック。好きな色に変更します。

グローバルナビメニュー幅の「メニュー幅をテキストに合わせる」をチェックするとテキスト幅でメニュー幅が自動で変わるようになります。

変更をまとめて保存」をクリックして完了です!

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