スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeHTML&CSS講座 > WordPressの上部に出る空白行

WordPressの上部に出る空白行

投稿日:2015年12月18日

このチュートリアルではWordPressの上部に出る空白行についてを紹介します。


Step1:はじめに

WordPressのhtmlの上部に、空白行が出ていることに気付いたことはありますか?なぜこんなところに空白行があるのでしょうか?見ていきましょう!



Step2:コードを確認

これが私のhtmlコードの上部です。

コードを確認

空白行が表示されるのは、phpの開始タグか終了タグの前後に空白行があるからです。でも、どのファイルでしょうか。どのファイルが問題なのか、見つけるのは大変な作業です。普通は、自分のテーマで使っているテンプレートファイルから探し始めるといいです。






Step3:ファイルを調べる

それぞれのファイルを調べて、次のようなものがないか確認します。

1.
2. <?php
3. code...
4. ?>

1行目、phpの開始タグの前に空白があるのがわかりますか?空白行があらわれる一つの例です。phpの終了タグの後に空白がある場合も、空白行があらわれます。それが今回の答えでした!すべてのテンプレートファイルで同じ問題が起こっていました。次はその例です。



Step4:問題が起きてしまった例
1. <?php
2. /*
3. Template Name: Homepage
4. */
5. ?>
6.
7. <?php get_header(); ?>

6行目、phpの終了タグの後に空白があるのがわかりますか?これが原因でした。この空白を削除すると、もうhtmlコードの上部には空白行が入らなくなりました。



Step5:最後に

あなたもテンプレートファイルを見直して、私と同じ間違いをしていないか確認してみましょう!



引用:Web Design Library  著者:Jacorre.com  翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング