【Cocoonグローバルナビメニュー】幅を最小限にする:カスタマイズ

Cocoonグローバルナビメニューアイキャッチ ワードプレス

Cocoonのグローバルナビメニューの幅を最小限にする方法をご紹介します。

グローバルナビメニューの幅を細くすると、サイト上部をスッキリ見せることができます。

ぜひお試しください!

グローバルナビメニューとは?

画面上部にあるメニューやカテゴリ名を表示するメニューバーです。


 

Cocoonのヘッダー設定方法

「ダッシュボード」→「Cocoon設定」→「ヘッダー」

 

「ヘッダーレイアウト」 → 「トップメニュー小」を選択

「キャッチフレーズの配置」 → 「表示しない」を選択

「ヘッダー背景画像」を設定している場合は、「クリア」をクリックして空欄の状態にします。


 

「ヘッダー全体背景色」 → 「ブラック」を選択

「グローバルナビ色」 → 「ブラック」を選択

「グローバルナビメニュー幅」は数値が入っていますが、たぶんデフォルトの数字のまま変えていません。


 

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

設定完了です。
 

最後に

グローバルナビメニューの幅を細くしたきっかけは、

AppleのWebサイトのグローバルナビメニューを見たことです。

ムダがなくシンプルで見やすい!と思います。


 

この記事がお役に立ちますと幸いです。
 

【Cocoonエントリーカード】フォントを3行CSSで変更:カスタマイズ
...

 

「沈黙のWebライティング」
Amazonでレビュー数 1000以上の人気書籍
集客を成功に導くライティングのノウハウを凝縮