WordPressで作成したサイトのヘッダー上部に15px程度の原因不明な空白
WordPressで作成したサイトのヘッダー上部に15px程度の原因不明な空白
CSSで、header上部のマージンは0にしてあるにもかかわらず、
15px程度の以下のソースコードが原因の原因不明な空白が入ってしまいます。
▼余計なソースコード
<link rel='stylesheet' id='admin-bar-css' href='http://ドメイン/wp-includes/css/admin-bar.css?ver=3.4.2' type='text/css' media='all' /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <style type="text/css" media="screen"> html { margin-top: 28px !important; } * html body { margin-top: 28px !important; } </style>
この問題の原因は、「管理バー」になります。
ユーザー設定の『管理バーの表示』で『サイトを表示する際』のチェックがデフォルトで入りになっているため、
ログインしている時に限りこの空白が出現するようです。
以下、チェックをはずす手順です。
━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバーのユーザー
↓
あなたのプロフィール
↓
『管理バーの表示』で『サイトを表示する際』
のチェックをはずす
↓
更新
━━━━━━━━━━━━━━━━━━━━━━━━━
で、解決します。
管理バーの表示のチェックをデフォルトで消すには、テーマの関数に
add_filter( 'show_admin_bar', '__return_false' );
と記述すればOKです。