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

賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする方法

どうも。葉です。

この記事では、賢威7のグローバルナビ(グローバルメニュー)の各項目の横幅を文字数ごとに変動するようにする方法を解説していきます。

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

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

下図の「変更前」→「変更後」のようにグローバルナビの各項目の横幅を文字数に合わせて変動するようにできます。

変更前

デフォルトのグローバルナビ横幅は均一

変更後

グローバルナビの各項目の横幅が文字数ごとに変動している

では、実際の作業に移っていきましょう。

2.賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする手順

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

賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする手順1

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

賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする手順2

「base.css」の内側に「.global-nav-in ul」と記述されている場所を探してください。その内側に、次のコードが記述されているはずです。

    table-layout: fixed;

このコードをコメントアウトまたは削除してください。

賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする手順3

これで、グローバルナビの各項目の横幅が、文字数ごとに変動します。

3.まとめ

この記事では、賢威7のグローバルナビの各項目の横幅を文字数ごとに変動するようにする方法を解説しました。

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

 

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

最新情報をお届けします

WordPress 賢威カスタマイズ