ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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月の人気記事ランキング