ニケッチャニッキ

はてなブログ・WordPressカスタマイズ・Androidプログラミング

ウェブページにできる謎の隙間「&#65279」の消し方がやっと判明した

f:id:niketcha:20190707175738p:plain

WordPressで作ったウェブページに、覚えのない空きスペースができてました。ソースを確認すると、「」という謎の記号。

BOMを削除すればいいという情報はすぐ出てきたのですが、やってみても解決しない。

原因は、修正する箇所が違っていたから。get_template_partで呼んでいる別のテンプレートファイルにBOMが潜んでいた!最近触ってないファイルだったので盲点でした。今まで気づかなかっただけでずっとそこにあったんですね。思い込みは怖い。

BOMとは?

Byte Order Markの略で、Unicodeで表現されたテキストデータであるということを示すためのマークだそうです。

BOMが入る原因

テキストエディタの仕様には色々あって、BOMありが標準になっていたり、そもそもBOMありにしかできないものがあります。

Window標準のメモ帳などを使うと、BOMありで保存されてしまうそうです。

BOMを入れないようにするには、BOMなしで保存できるエディタを使いましょう。

BOMの消し方

入ってしまったBOMを消すには、BOMなしで保存できるテキストエディタを使います。フリーでもサクラエディタなどはBOMなし保存に対応しています。

保存するときのオプションでBOMのチェックボックスがあるので、これを外して上書き保存します。

また文字コードにUTF-8とUTF-8Nという種類があるエディタの場合(TeraPadなど)、UTF-8がBOMあり、UTF-8NがBOMなしになります。

WordPressの場合

WordPressのエディタで見ると、BOMは赤い中黒で表示されてました。

この中黒を消すことでも、BOMを削除できました。