ホームページが文字化け!原因はUTF-8(BOM付き!)

投稿日:2018年06月13日

仕事で作成したWordpressのサイトをサーバにUPしたら、何故か文字化け!
ローカルでは問題なかったのに、何故だ!?といろいろ検証、
検索で見つけた文字化け回避方法を試すが、どれもうまく行かず…。

いろいろ試している時、ふと気付いたのが、
自分の場合、文字化けしているページ、してないページがあり、
これはシステム的なものではないのでは?とファイルを確認してみたところ…

CotEditorというMac用エディタで開いて分かったのが、
ファイルによって、UTF-8(BOM付き)となっているものがあり、
どうもそれが文字化けの原因のもよう。

そのファイルを「只のUTF-8」にして、再度UPしてみると…、
ビンゴ!見事文字化けはなくなり、通常通りの表示に戻った!

このBOM付きかどうかの見分けは、どんなエディタでも分かる訳ではなく、
対応エディタがなければ、ハマり続けるところだった…