• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:WordPressのヘッダー上部の余白)

WordPressのヘッダー上部の余白

このQ&Aのポイント
  • WordPressでテーマを自作しているのですが、ヘッダー上部に余白ができてしまいます。
  • 多くの場合は管理バー関連の設定に問題があったようなのですが、私の場合は管理バーの表示を外しても直りません。
  • ソースコードに問題がある可能性があります。

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

初期値のリセットCSSを忘れてるのでは? html,body{ margin:0; padding:0;}

00yamato00
質問者

お礼

ありがとうございます! その通りでした!!

その他の回答 (2)

回答No.3

あ、失礼しました。 管理バーのことはご存知でしたね・・・。 #wpadminbar{ display:none; } で管理バーのところが消せると思います。

00yamato00
質問者

お礼

いろいろ親切にありがとうございました!

回答No.2

どうも。 おはようございます。 貼ってもらったソースはindex.phpなのでしょうか? category.phpやsingle.phpなどでも同じようなことが言えるのですが、必ずWordPressにはwp_head()とwp_footer()を入れないといけません。 > ヘッダー上部に余白ができてしまいます。 ログイン状態であなたのサイトを見たらおそらくあいているのでしょう。 表側(ログインしていない私側)は余白はついていないように思えます。 これは、上部にWordPress側でCSSが読み込まれてはいて、管理バーの高さ分高さが取られているのですが、 肝心の管理バーが上に出ていないのではないかなと思います。 管理バーを出すにはwp_footer()を記述しないといけません。 ■wp_head()の入れるところ <head>内に記述します ~略~ <head> <?php wp_head(); ?> </head> ~略~ ■wp_footer()の入れるところ </body>手前に記述します <?php wp_footer(); ?> </body> </html> ■上記に関する記事 http://begi.net/blog/20100114/148 http://eienmukyu.com/2012/04/wphead-wordpress-theme/ http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_head http://eienmukyu.com/2012/04/wphead-wordpress-theme/ http://ja.forums.wordpress.org/topic/562

関連するQ&A