どうも!たら(@hajimetara)です。
サイト名をロゴ画像にするとグッと印象が変わりますよね。ヘッダーレイアウトも変更してオシャレなヘッダーに変えましょう!
ヘッダーのロゴを画像に変更する方法
Cocoon設定→「Cocoon設定」をクリック。
「ヘッダー」タブをクリック。
ヘッダーロゴの「選択」をクリック。
画像を選択の「ファイルをアップロード」タブをクリック。
ファイルをドロップするかファイルを選択してアップロードします。
右側に画像が出るので「画像の選択」をクリック。
「変更をまとめて保存」をクリック。
はじめ
自分でロゴ作るのはムズカシイ。
たら
ココナラで頼むのもいいね。
ヘッダーレイアウトの変更
ロゴとメニューの位置は「ヘッダーレイアウト」で変更できます。
センターロゴ(デフォルト)
デフォルトは、センターロゴでグローバルナビの幅が広めです。
センターロゴ(トップメニュー)
センターロゴ(トップメニュー)は、センターロゴでグローバルナビがロゴの上になります。
センターロゴ(スリムメニュー)
センターロゴ(スリムメニュー)はセンターロゴでグローバルナビの幅がスリムです。
センターロゴ(スリムトップメニュー)
センターロゴ(スリムトップメニュー)はセンターロゴでグローバルナビの幅がスリムでロゴの上になりす。
トップメニュー
トップメニューはロゴが左で、右のグローバルナビの幅が広めです。
トップメニュー(右寄せ)
トップメニュー(右寄せ)はロゴが左で、右のグローバルナビの中のメニューが右寄せになります。幅は広めです。
トップメニュー小
トップメニュー小はロゴが左で、右のグローバルナビの幅がスリムです。
トップメニュー小(右寄せ)
トップメニュー小(右寄せ)はロゴが左で、右のグローバルナビの中のメニューが右寄せになります。幅はスリムです。
グローバルナビメニュー色の変更
グローバルナビメニューは、背景色や文字色を変更することができます。
グローバルナビメニュー色の「色を選択」をクリック。好きな色に変更します。
「変更をまとめて保存」をクリックして完了です!