[WordPress] html上に謎の余白ができてしまう

現象：ページ内に謎の余白が発生

デベロッパーツールで余白部分のソースを見てみると、bodyタグの直後あたりに「」という謎の文字が埋め込まれています。

html上に記載したものでも、JavaScriptやWordPressのプラグインなどで挿入された文字列でもありません。

原因：テンプレートファイルの文字コードが「BOM付きUTF-8」だった

ネットで似たような現象をあれこれ調べてみた結果、テンプレートファイルの文字コードが「BOM付きUTF-8」だったことが原因だとわかりました。

「」は、BOM付きUTF-8の文字列の先頭に付与されるバイト列のことで、改行禁止を表す零幅文字、とのことです。表示用の文字列ではないデータが謎の空白として表示されていたようです。

対策：文字コードを「BOMなしUTF-8」で保存し直した

エディタで文字コードを指定し再保存することで、本現象は解消されました。