サポート » テーマ » オリジナルのテーマでを適用すると空白ができてしまう。

  • 解決済 mind_the_gap56

    (@mind_the_gap56)


    詳しい方、何か疑問を持たれた方、どんな些細なことでも構いませんのでご教示下さい。
    どうぞ宜しくお願い致します。
    現在ローカルでテーマを作成しております。wordpressは3.4.1、xampp:1.7.7を使っております。
    個別ページのテンプレートを作成しています。
    このテンプレートに<?php get_footer(); ?>をつかい、footer.phpを取り込んでいます。
    page.php footer.phpの内容は下記の通りシンプルなものです。
    <—-page.php—->
    <?php get_header(); ?>
    <?php if(have_posts()): while(have_posts()): the_post(); ?>
    <?php the_content();?>
    <?php endwhile; endif; ?>
    <?php get_footer(); ?>
    <—-footer.php—->
    <div id=”footer”>
    <p>test</p>
    </div>
    <!– end .container –></div>
    <?php wp_footer(); ?>
    </body>
    </html>

    これをブラウザーで表示させると、なぜか”test”の上と個別ページに投稿した記事との間に空白が20pxほどできてしまいます。
    試しに、<?php get_footer(); ?>を消して直接footer.phpの内容をpage.phpに書いてブラウザーで確認してみると空白はなくなります。
    何度試しても同じ結果で、ソースに違いはないのですが、なぜか<?php get_footer(); ?>を適用した場合のみ空白ができてしまうのです。
    とても気持ち悪くてどうしても解決したいのですが、何か気付かれましたらお教えいただけないでしょうか。
    こういうことを試してみては?などどんな事でも構いません。
    お忙しい中恐れ入りますが、ご返答をお待ちしております。
    宜しくお願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • はじめまして。
    実は私も以前、似たような現象で困っていたのですが、そのときはWindowsのメモ帳で編集してしまって、テンプレートファイルの文字コードが UTF-8 with BOM になっていたことが原因でした。なぜ、UTF-8 with BOM だとこのような現象が起こるのかはわからなかったのですが、BOM なしで保存しなおすと同現象がなくなりました。

    一度、W3C Markup Validation Service でBOMつきになっていないか確認してみてはいかがでしょうか。
    もし、”Byte-Order Mark found in UTF-8 File” とエラーがでるようならば、読み込んでいるテンプレートファイルのいずれかの文字コードが UTF-8 with BOM になっているのではないかと思いますので、BOM付き のファイルを BOMなし に保存しなおしてみてください。

    ちなみに。BOM付き のファイルを BOMなし に保存しなおすウェブサービスがあったので、私はこれを利用して BOMなしファイルとして保存しなおしました。(他にもやり方はあるかと思います。)
    Multilingual Editor
    (ファイルを選択して、Begin to Edit を押下するとファイルを編集できます。表示されたページの UTF-8 option のラジオボタンが現在のファイルの文字コードの状態です。もし with BOM が ON なら、ここを without BOM に変更して Save するだけで、BOMなしの状態に変換できます。)

    見当違いな回答でしたらご容赦ください。。

    トピック投稿者 mind_the_gap56

    (@mind_the_gap56)

    harubloom 様

    ご返答いただきましてありがとうございます。
    丁寧なご説明で分かりやすいです。
    早速試してみたところ、見事に空白がなくなりました。
    何時間もソースを一文字ずつ比べたり、途中にコードを差し挟んでみたりして
    苦悩していましたので、本当に助かりました。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「オリジナルのテーマでを適用すると空白ができてしまう。」には新たに返信することはできません。