WordPress – margin-top: 32px !important;を削除する

デフォルトの状態だと...admin-bar.min.cssが読み込まれmargin-top: 32px !important;が適用され画面上部に空白ができます。これは管理バーというツールバー用に領域を確保させるためにmargin-top: 32px !important;が適用されています。

人によっては管理バーが表示されていないけど空白だけ適用されている場合もあるかと思います。削除方法は下記をご覧ください。

一番手っ取り早いのは管理ページからとfunctions.phpから削除する方法です。CSSを使って非表示にもできますが、そこはお任せします。

管理ページからツールバーを削除

管理画面にログインしてユーザー>プロフィール>ツールバーを確認します。サイトを見るときにツールバーを表示するがチェックされていると空白が適用されてしまうので、チェックを外しプロフィールを更新します。

更新ができたらページをリロードすれば空白が削除され...admin-bar.min.cssも読み込まれなくなります。

この削除方法は環境が変わるたびに管理画面から更新の必要があります。そもそもツールバーを表示させたくないのであればfunctions.phpから根こそぎ削除するといいかと思います。

functions.phpからツールバーを削除

functions.phpに下記のコードを読み込ませます。

add_filter('show_admin_bar', '__return_false');

そうすることでツールバーが削除されます。管理ページからの削除更新も必要ありません。プロフィールのツールバーの表示にチェックが入っていても上記のコードが優先されツールバーが非表示になることを覚えておいてください。

CSSを使ってツールバーを非表示にする

こちらはCSSを使って無理くり非表示にする方法です。CSSだけで非表示にしているだけなので、ツールバー見ようと思えば見れてしまいますのでご注意ください。

style.cssファイルに下記のコードを記述します。

html {
    margin: 0 !important;
}
div#wpadminbar {
    display: none !important;
}