本ページはプロモーションが含まれています

グローバルメニューが折り返して表示されない!一列にして表示させる

スポンサーリンク
Wordpress

メニュー画面のタイトルが折り返されて読めない・おかしい時があります。
一列に表示させて綺麗に見せる方法。

現状把握

グローバルメニューが二段表示されてる

メニューが二段に折り返されている
サンプルです

実際には下の段は投稿と被って表示が見えません、見えないのではメニューの意味がありません、段差を無くし見やすい様にします。

スポンサーリンク
スポンサーリンク

Cocoonのグローバルメニューの調整方法

Cocoonの方は長いメニューでも表示出来る様な項目が最初から用意されてます。

WordPress管理画面から「Cocoonの設定」→「ヘッダー」から画面の下まで行くと変更する画面があります。

グローバルナビメニュー幅」の設定の中で

「メニュー幅を均一にせずにテキスト幅で設定します。」のチェックを抜けている場合はチェックをして下さい。

メニュー幅を均一にせずにテキスト幅で設定します。

抜けてる場合はチェックをします。手動で幅を変更する事も出来ます。
手動の変更は全てのメニュー表示に作用しますので文字の多い少ないに関わらず幅が決まります。

メニュー幅を均一にせずにテキスト幅で設定します。チェックする

最後に【変更をまとめて保存】を押して保存して下さい。

タイトルが一列にまとまった
サンプル

二段に折り返られてたのが一列になりました。

まとめ

グローバルメニューの変更はSEO的には効果が薄いですが、折り返して見えないのは流石に問題があります、知らない内に見えなくなったりする事もありますので、チェックを入れて置くとメニューを作り直した際にも自動で変更されます。

コメント