WordPress

WordPressでhtmlのmargin-topに32pxがimportant指定されるときの対処

WordPressでページ上部に謎の空白ができてしまって、デベロッパーツールでソースコードを確認したところhtmlにマージンが指定されていました。

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

しかもご丁寧に!importantまでついていました。

この空白は「wp_head();」によって読み込まれているのですが、根本的にはWordPressの管理バーの表示仕様が関係しているみたいで、管理バーを非表示にすることで対処することができます。

WordPress管理バーの非表示

管理バーを非表示にする方法は、管理画面で設定する方法と関数でする方法と2種類あります。

管理画面から設定する場合は、「ユーザー」→「プロフィール」より「サイトを見るときにツールバーを表示する」のチェックを外します。

これで、ログインした状態でもサイトを見たときに空白は生じませんが、この方法だとユーザーが増えるたびに設定をする必要があります。

ユーザーが増えることが想定される場合は、関数による設定が楽で、以下の1行をfunctions.phpに追加します。

add_filter(‘show_admin_bar’, ‘__return_false’);

これで、ページ上部にできる空白は消えるはずです。

Leave a Comment