シリーズ:WordPressの基本
目次
wp_header();
WordPressテーマの開発中にヘッダーに不自然な余白ができることがあります。開発者ツールで確認してもそれらしいスタイルは適応されておらず…
また開発中のLOCALの画面でも、本番のサーバー側でも同じ余白が出来ています…
html,bodyにmargin:0;やpadding:0;を適応しましたが、の治りません。調べてみるとwp_header();などが影響しているようで、以下のLIGさんの記事を参考にfunctions.phpにadd_filter( 'show_admin_bar', '__return_false' );
を追加すると直りました。

WordPressにwp_headを入れてトップに空白ができてしまったときの対処 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
ヘッダーにwp_head();を入れたら、ページのトップに28pxの隙間が空いてしまいました。
他にもヘッダーにや余白ができる現象が起こるようです。

サイト上部の謎の余白。head内の全角が原因。|ハル@helloco
まずは必要となる部品をつくる。 HTMLはこのように。
ヘッダー
メイン
</diまとめ
原因
wp_header();
対処法
functions.phpにadd_filter( 'show_admin_bar', '__return_false' );
を追加する