WordPressでページ上部に謎の空白ができてしまって、デベロッパーツールでソースコードを確認したところhtmlにマージンが指定されていました。
html {
margin-top: 32px !important;
}
margin-top: 32px !important;
}
しかもご丁寧に!importantまでついていました。
この空白は「wp_head();」によって読み込まれているのですが、根本的にはWordPressの管理バーの表示仕様が関係しているみたいで、管理バーを非表示にすることで対処することができます。
WordPress管理バーの非表示
管理バーを非表示にする方法は、管理画面で設定する方法と関数でする方法と2種類あります。
管理画面から設定する場合は、「ユーザー」→「プロフィール」より「サイトを見るときにツールバーを表示する」のチェックを外します。
これで、ログインした状態でもサイトを見たときに空白は生じませんが、この方法だとユーザーが増えるたびに設定をする必要があります。
ユーザーが増えることが想定される場合は、関数による設定が楽で、以下の1行をfunctions.phpに追加します。
add_filter(‘show_admin_bar’, ‘__return_false’);
これで、ページ上部にできる空白は消えるはずです。
Leave a Comment