• このエントリーをはてなブックマークに追加

賢威7のグローバルナビの横幅変更&中央寄せ

どうも。葉です。

この記事では、賢威7のグローバルナビ(グローバルメニュー)の横幅を変更し、中央寄せする方法を解説します。

1.この記事を読むとでできるようになること

まず、この記事を読むことでできるようになることを確認してください。

下図の「変更前→変更後」のようにグローバルナビの横幅を変更し、さらに中央寄せすることができるようになります。

変更前

デフォルトのグローバルナビの横幅は広い

変更後

グローバルナビの横幅が縮んで、中央寄せされた

では、実際にグローバルナビの横幅を縮めて、中央寄せするためのコード編集手順を解説していきます。

2.賢威7のグローバルナビ(グローバルメニュー)の横幅を変更する手順

WordPress管理画面の左メニューより「外観→テーマの編集」をクリックしてください。

賢威7のグローバルナビ(グローバルメニュー)の横幅を変更する手順1

「base.css」をクリックしてください。

賢威7のグローバルナビ(グローバルメニュー)の横幅を変更する手順2

「base.css」の中で「.global-nav-in ul」と書かれている場所を探してください。

その内側に次のコードが有るはずです。

width: 100%;
margin: 0 auto;

このコードを下のコードに書き換えてください。

width: 750px;
margin: 0 auto;

賢威7のグローバルナビ(グローバルメニュー)の横幅を変更する手順3

これで、グローバルメニューの横幅が750pxになり、中央寄せされたはずです。

3.まとめ

この記事では、賢威7のグローバルナビ(グローバルメニュー)の横幅を変更し、さらに、中央寄せする方法を解説しました。

この他にも、グローバルナビのデザイン編集をしたい場合は下記の記事を参考にしてください。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

WordPress 賢威カスタマイズ