WordPressの自作テーマにテンプレートに空白が入ってしまう現象の解決方法

足元の穴
このエントリーをはてなブックマークに追加
PR

WordPressのテーマを作成していた時にはまってしまった事
テンプレートの上部やフッターの上部などに無駄な空白が入ってしまう現象

 

WordPressのテンプレート作成で原因不明な空白が入ってしまう2つの原因

 

一つ目の原因

WordPressの管理ツールバーを表示しようとしている空白
最上部に発生してしまいます

これは、WordPressのツールバーを表示しようとしているが
スクリプトが完全に読み込まれていなくて、空白になってしまっている状態です

 

解決方法1 ツールバー自体を表示させない設定に変えてやる方法

WordPressの管理画面で右上にあるプロフィールから
サイトを見るときにツールバーを表示するのチェックを外します
これでツールバーが原因の空白は消えるはずです

WS000650

 

解決方法2 ツールバーを正しく表示してやる

ツールバーを表示するにはフッター部分に次の一文を加える必要があります

<?php wp_footer(); ?>

これはBodyの終了タグ前に設置します
フッターがない場合にもBodyの終了タグ前になるように設置してあげればOKです

これで空白が無くなりツールバーの表示になったはずです

一つ目現象はログインしている時だけに現れる現象なので、サイト閲覧自体には特に影響ありませんでした

 

 

二つ目の原因

 

こちらがより難解でした
こちらの原因はWordPressだけのものではなくPHPをインクルードするときに条件が重なって起きる現象でした

理由はUTF-8のBOM付きの形式で保存されたPHPやHTMLをPHPにインクルードしようとすると
ファイルのヘッド部分に情報がありそれが空白の原因になるというものです

 

解決方法 BOMなしのUTF-8にして保存し直すこと

色々なエディアがありますが、私が利用している
TeraPadでの保存し直す方法を紹介致します

TeraPadで
ファイル>文字/改行コードを指定保存>文字コードをUTF-8Nを選択>上書き保存

WS000651

WS000653

UTF-8形式ではBOMが付いてしまいます
UTF-8N形式ではBOM無しで保存することが出来ます

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)