こんにちは、ワタナベです。
先日久しぶりにライブへ行きました。昨年末くらいにファンになったバンドのライブへ初参戦です。
今までで一番小さな箱だったのですが、バンドメンバー、ファンとの距離が近くてとても楽しかったです(*´▽｀*)
いいストレス発散になりました。翌日はもちろん筋肉痛です(笑)
さて、今回は、この間Wordpressを触ってて起こった怪奇現象(笑)について書きます！
まだまだWordpressでの作業は慣れていなく、慎重に作業していたのですが、
一通り出来たかな～と思ったその時、その現象は起こりました。
フッターの下になんか隙間（1emくらい）が出来てる！！！
自動改行されているのか、cssなのか…自分の分かる範囲で色々調べましたが全部ハズレ…
いったいフッターの下に何がいるんだと思い、Chromeのデベロッパーツールで見てみると、フッター下に謎の「」が…！
さらにデベロッパーツールで見てみると、インクルードしたPHPファイルの上に入っていることが判明しました。
インクルードしてるPHPファイルに無駄な空白などが無いかすべて調べましたが何も問題はなく、意味がわかりませんでした(;´Д｀)
しかし私はあきらめません。こんなときはGoogle先生の出番です。
すぐに解決方法が見つかります。好き。
BOM（Byte Order Mark）
「」の正体はBOMというものらしいです。
バイトオーダーマーク (byte order mark) あるいはバイト順マーク（バイトじゅんマーク）は通称BOM（ボム）といわれる、Unicodeの符号化形式で符号化したテキストの先頭につける数バイトのデータのことである。
どうやら、メモ帳やテラパッドで作業するとBOMが先頭に挿入されてしまうことがあるようです( ﾟДﾟ)
自分はPHPファイルをテラパッドで作成していたので、BOMが挿入されてしまっていたようです。
それでは、そのBOM（）はどうやって消せばよいのか？
BOM（）の消し方
今回はDreamweaverとサクラエディタの2種での消し方をご紹介。
Dreamweaverの場合
１．「ファイル」→「名前を付けて保存」から「Unicodeオプション」をクリック
２．「Unicode Signature（BOM）を含める」のチェックを外してOKを押し、保存する。
サクラエディタの場合
1．「ファイル」→「名前を付けて保存」で、文字コードセットのところにある、「BOM」のチェックを外して保存する。
私はサクラエディタの方でBOM無しに保存し直しました。ガッツリBOMにチェックが入っていました(笑)
これでワードプレスの方に上書きしたら、謎の余白が消えていました。
記憶にない謎の余白が出来て、「」があったらお試しくださいm(__)m
今回のGoogle先生のお導き
BOM付き保存に要注意。隙間が出来ます。
ヘッダーの上の隙間はが紛れていないか疑え！
2018年ももう1/4が過ぎてはや4月…
今月は週末にイベントの予定がたくさん、久しぶりに家族と食事にも出かけるのでとても楽しみです(*^▽^*)
近々ピアスもまた開けたいな～とも(笑)
それではまた次回！
ご閲覧ありがとうございました♪
