wp_headが原因?WordPressのトップに空白ができた時の解決法!

WordPress

WordPressのトップに謎の空白ができてしまいました。同じ原因で悩んでいる人の参考になるように、空白を解消するための解決法を解説します。

「wp_head();」が原因?

空白ができている部分のソースを確認すると、

html {
margin-top: 28px !important;
}

* html body {
margin-top: 28px !important;
}

とマージンが設定されていました。

こんなCSSを設定した覚えはないですが、「wp_head();」を付け加えることで、自動で読み込まれていることが分かりました。

wp_head();とは、WordPressの関数の一つです。wp_head();を基に開発されているプラグインもあり、プラグインが動作するのに必要がコードを出力しています。

バージョン3.1から導入された管理メニューバーの仕様の一つ!

WordPressにログインした状態で、サイトを見ると、上に管理メニューバーが表示されます。どうやら、そのメニューバーのための空白のようです。

空白を解消するための解決法は?

空白を解消するための解決法ですが、

  • WordPressの管理画面からツールバーを非表示にする
  • 「functions.php」にツールバーを非表示にするコードを追記する

の2通りの方法があります。

WordPressの管理画面からツールバーを非表示にする

まずは管理画面にログインしてください。

↓ログインできたら「ユーザー」⇒「あなたのプロフィール」をクリックしてください。

↓「プロフィール」画面が開きますので「ツールバー」の項目の「サイトを見るときにツールバーを表示する」のチェックを外してください。

↓チェックを外したら「プロフィールを更新」をクリックしてください。

これで、空白は消えているはずです。

ですが、上記の方法だと、WordPressのユーザーを作成するたびに、チェックを外す必要があります。

面倒ですし、対応を忘れてしまう可能性もあります。

そこでおすすめするのが次の方法です。

「functions.php」にツールバーを非表示にするコードを追記する

「functions.php」に以下のコードを追記してください(一番下で問題ありません)。

add_filter( 'show_admin_bar', '__return_false' );

「functions.php」が壊れた時に困らないように、バックアップを取っておいてください。

これで、どのユーザーでログインしても、空白は消えているはずです。

最後に!

WordPressのバージョンアップが原因で、表示に不具合が出るのはよくあることです。

不具合が起こった時は、同じ悩みを持っている人の情報を探し出し、慌てずに冷静に対処してください。

以上「wp_headが原因?WordPressのトップに空白ができた時の解決法!」でした!

それではまた。

コメント