ログインすると画面の上部に空白

  • 解決済 jmzkw

    (@jmzkw)


    12年、 8ヶ月前

    WordPressを3.3.1にアップデートしてから、ログインしてサイトを表示すると画面のトップに空白ができ、サイトのトップのレイアウトだけが崩れます。
    （ログアウトすると空白は消え、レイアウトも正常です）

    WordPressのアップデート前まではユーザ設定で管理バーを非表示にし、問題なく表示されていました。

    また、サイトで調べてみたところ、function.phpへの追記により管理バーを消す方法があったので試してみましたが、やはり解決しませんでした。

    add_filter( ‘show_admin_bar’, ‘__return_false’ );

    何方かご教授いただけると幸いです。

14件の返信を表示中 - 1 - 14件目 (全14件中)
  • モデレーター jim912

    (@jim912)

    12年、 8ヶ月前

    jmzkwさん、こんにちは。

    3.3.1においても、プロフィールの設定画面において、「ツールバー」の項目でツールバーを非表示にすることは可能です。
    また、

    add_filter( 'show_admin_bar', '__return_false' );

    をfunctions.phpに記述して非表示にできることも確認しています。

    プラグインやテーマ、スペル、記述箇所など今一度ご確認下さい。

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >jim912様
    ご回答ありがとうございます。

    再度確認しましたが、やはりプロフィール項目のツールバーは非表示になっており、
    function.phpでもadd_filter( ‘show_admin_bar’, ‘__return_false’ );による
    非表示処理がされています。

    ただ、プロフィール項目からツールバーを表示にしても、空白ができるだけでツールバーそのものは表示されないので、function.phpの処理は正しく行えていると思われます。

    ファイルの文字コードやプログラム内部の問題で空白が出来ることはありますでしょうか？

    Pineapplen

    (@pineapplen)

    12年、 8ヶ月前

    ごく基本的なことで恐縮すが、テーマファイルに
    wp_head();
    と
    wp_footer();
    は記入されているでしょうか？

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >Pineapplen様

    header.phpにwp_head();
    footer.phpにwp_footer();
    が記載されております。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    空白ができるということは、出力されているソースがログイン時とログアウト時で変わっているはずですので、そこを探して、そのソースをコメントに書きこんでいただくと解決が早くなると思います

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >hissyさま

    改めて確認してみた所、Firefoxはログイン前後共に上の空白は出ないのですが、
    ChromeとIE8に関してはログイン時・ログアウト時共に空白が出来てしまっております。

    これはWordPressの設定よりもCSSの問題なのでしょうか･･･。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    これはWordPressの設定よりもCSSの問題なのでしょうか･･･。

    「WordPressを3.3.1にアップデートしてから」という部分に関係がなければ、そうだと思います。

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >hissyさま

    度々すみません。
    WordPress3.3.1へのアップデート前には問題ありませんでした。
    しかし、ブラウザごとに挙動が変わるというのはCSSの可能でしょうか。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    WordPressのアップデートで変化があったということは、WordPressが出力するソースに原因があることは間違い無いと思いますので、ログイン時とログアウト時のソースを比べてみてください。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    ああ、ログイン時とログアウト時では変化がなく、ブラウザの違いで発生するのでしたね。失礼。
    ログアウト時はWordPressの本体が何かのCSSを出力するということは無いと思いますので、プラグインが原因かもしれません。プラグインがheadタグ内にCSSを出力していて、WordPressのアップデート時に一緒にアップデートしたりしていませんか。

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >hissyさま

    全てのプラグインを停止し、それ以外に読み込んでいる全てのCSSを削除したのですが、それでも上部の空白がなくならなかったので、HTMLを見てみました。

    HTML5を採用しているのですが、最初の｢<!DOCTYPE html>｣の宣言を削除したら空白がなくなりました。。
    ググってみましたが、該当する回答は見つからなかったですが、上記の書式を削除するとスペースがなくなりました。

    何故でしょうか･･･。

    関係ないかもしれませんが、ファイルの改行コードは｢LF Only｣、文字コードは｢utf-8 BOMなし｣です。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    DOCTYPE宣言はWordPressのアップデートとは関係ないですねぇ…。
    これ以上は実サイトを見てみないと分かりません。

    トピック投稿者 jmzkw

    (@jmzkw)

    12年、 8ヶ月前

    >hissyさま

    調べてみたところ、<head>内に書いていたUSERHEATというサービスのスクリプトが改行を作り出している事が分かりました。

    <script type=”text/javascript” src=”http://f1.nakanohito.jp/lit/index.js&#8221; charset=”utf-8″></script>
    <script type=”text/javascript”>try { var lb = new Vesicomyid.Bivalves(“******”); lb.init(); } catch(err) {} </script>

    JavaScriptに疎いので何故余白が生まれるのかが分かりませんが、取り合えず原因だけは分かりました。

    モデレーター Takuro Hishikawa

    (@hissy)

    12年、 8ヶ月前

    外部サービスが問題だったということですね。WordPressとは関係なさそうですね。
    私はそのサービスを使ったことが無いのでこれ以上は分かりません。

14件の返信を表示中 - 1 - 14件目 (全14件中)
  • トピック「ログインすると画面の上部に空白」には新たに返信することはできません。