WordPressの自作テーマにテンプレートに空白が入ってしまう現象の解決方法
PR
WordPressのテーマを作成していた時にはまってしまった事
テンプレートの上部やフッターの上部などに無駄な空白が入ってしまう現象
WordPressのテンプレート作成で原因不明な空白が入ってしまう2つの原因
一つ目の原因
WordPressの管理ツールバーを表示しようとしている空白
最上部に発生してしまいます
これは、WordPressのツールバーを表示しようとしているが
スクリプトが完全に読み込まれていなくて、空白になってしまっている状態です
解決方法1 ツールバー自体を表示させない設定に変えてやる方法
WordPressの管理画面で右上にあるプロフィールから
サイトを見るときにツールバーを表示するのチェックを外します
これでツールバーが原因の空白は消えるはずです
解決方法2 ツールバーを正しく表示してやる
ツールバーを表示するにはフッター部分に次の一文を加える必要があります
<?php wp_footer(); ?>
これはBodyの終了タグ前に設置します
フッターがない場合にもBodyの終了タグ前になるように設置してあげればOKです
これで空白が無くなりツールバーの表示になったはずです
一つ目現象はログインしている時だけに現れる現象なので、サイト閲覧自体には特に影響ありませんでした
二つ目の原因
こちらがより難解でした
こちらの原因はWordPressだけのものではなくPHPをインクルードするときに条件が重なって起きる現象でした
理由はUTF-8のBOM付きの形式で保存されたPHPやHTMLをPHPにインクルードしようとすると
ファイルのヘッド部分に情報がありそれが空白の原因になるというものです
解決方法 BOMなしのUTF-8にして保存し直すこと
色々なエディアがありますが、私が利用している
TeraPadでの保存し直す方法を紹介致します
TeraPadで
ファイル＞文字/改行コードを指定保存＞文字コードをUTF-8Nを選択＞上書き保存
UTF-8形式ではBOMが付いてしまいます
UTF-8N形式ではBOM無しで保存することが出来ます
PR
短縮URL:
COMMENT