メニューTaniguchiTwitterFacebookはてブPocketPinterestLINEこんにちは。めがね税理士の谷口(@khtax16)です。私事なのですが、ある日WordPress(ワードプレス)のメニューがおかしなことになりまして、調べつついじったら直ったので、備忘も兼ねて記録しておきます。いうサイトの上のほうにあるメニューのことです。名前がいろいろあって、グローバルナビゲーショングローバルメニューナビゲーションメニューなどと言っているサイトが見つかりました。おかしくなったのか?まあそれで最近セミナーの告知を入れることにしたんですが、いままで余裕で一列が収まっていたのが、こんな感じで想いがあふれ出てしまいました。おわかりになりますでしょうか?左の「HOME」のところがわちゃわちゃっとしていることが。(見づらいですね)ちなみにこの「HOME>ふざけた話>会社名を適当につけると後悔するから気をつけろ」のところをパンくずリストといいます。このパンくずリストとグローバルナビゲーションの二列目がかぶってしまった、ことによってこの現象が起きたようです。ここで後述の処理をしたところ、このように二列で表示されるようになりました。CSSの数字を修正するグローバルナビゲーションの高さの調整(調節)、と言ってもそんなに難しいことをしたわけではありません。WordPressのダッシュボードから、「外観⇒テーマの編集」をクリック。英数字ばっかりで嫌になりますが、スタイルシート(style.css)を開きます。(写していいかわからなかったので若干ぼやかしています)で、この中に、私のテーマだと「#header-menu」という項目がこのグローバルナビゲーションのことのようです。この項目のなかに「height:62px;」と書かれていました。値なので、この「height:62px;」を「height:124px;」に修正したらメニューが2段入るようになりました。(倍にしたのはなんとなくです)修正は自己責任でお願いいたします。バックアップとCSSのコピーを取ってからいじることをおすすめします。私も全然詳しくないのでそうしました。私のテーマでは、「#header-menu」というものでしたが、ほかのテーマでは、main-navigationという書き方をしているものなどもあるようです。要はheader(ヘッダー)がサイトの上のほうなので、その付近の「navigation」とか「menu」とか書いてあるところを探すとよいでしょう。検索するとよいあと私は探すとき「Ctrl+F」でページ内検索をしました。言っても、検索で見つけたページにあった「main-navigation」とか「navigation」とかでやっても出なかったので、「height」で検索をしました。「nav」でもやりましたがたくさん出過ぎました。「height」でも結構な数が出るのですが、とりあえずこのあたりの単語で見当をつけながら探すとよいでしょう。まとめというわけで,グローバルナビゲーションの高さの調整(調節)のしかたについて備忘を兼ねてまとめてみました。CSSはまだ要素の名前を調べればその記述がどんな意味を持つのかわかるのでありがたいですね。PHPはほんとに全然わかりません......(一度本も読んだんですが)タイトルの「超初心者のためのへっぽこWordPressカスタマイズ」はちょっと気に入っていますが、昔HTMLのホームページをつくったときによく勉強させてもらった「とほほのWWW入門」を思い出しました。(未だにときどき更新されてるのほんとすごい)なにごとも勉強ですね。読んでくださってありがとうございました<広告代わり>「役に立った!」「ニヤニヤした」など、もし「こいつ応援してやろうかな」という菩薩のごときお心が芽生えましたら、Amazonか楽天でお買い物するときに、下のリンクを踏んでからお買い物をしていただけますと私にジュース代なんぞが入ります。コメントをキャンセルコメントありがとうございます!いただいたコメントは管理者の承認後にサイトに反映されます。数日かかることもよくありますので気長にお待ちくださいませ。谷口孔陛(たにぐちこうへい)めがねをかけ、めがねを愛する34歳。税理士とかいう仕事をしています。東京で開業してるらしいですよ。プログラミングに挫折した回数は数知れず。