WordPressでブログを書いていて、ある日ふとトップを開いたら、画面上部に黒いバーが表示されていました。
左にWordPressのマークっぽいものと「ログイン」、右に検索アイコン。
「え、これ訪問者にも見えてない？」ってなるやつです。
普通、WordPressの管理バー（Admin Bar）はログイン中だけ表示されるはず。
でも今回はシークレット（未ログイン）でも表示されました。
結論としては、下のCSSを入れたら解決しました。
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }この記事では、同じ症状が出たときに最短で消す方法と、ついでに注意点もメモしておきます。
起きていた症状
サイト上部にログインボタンが表示されてしまう、、
- テーマは Blocksy
- ログイン状態だと出るのは分かる（管理バーだし）
- でも シークレットでも上部にバーが出る
- ヘッダーと被って見た目が微妙（というか恥ずい）
こういう時、まず「自分だけ見えてるやつ（プロフィールのツールバー設定）」を疑いがちなんですが、シークレットでも出ている時点でそれではないです。
解決方法：追加CSSで管理バーを非表示にする
やったことはシンプル。
手順
- WordPress管理画面を開く
- 外観 → カスタマイズ → 追加CSS
- 下のCSSを貼り付けて公開
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }それぞれ何をしているか
#wpadminbar { display: none !important; }
→ 管理バーそのものを強制的に非表示にするhtml { margin-top: 0 !important; }
→ 管理バー用に入ってしまう「上の余白」を消す
（これがないと、バーが消えても上が不自然に空くことがある）
反映されない時にやること（だいたいコレ）
CSS入れたのに変わらない場合は、原因はほぼキャッシュです。
- キャッシュ系プラグインを使っているなら キャッシュ削除
- CloudflareなどCDNを使っているなら CDNキャッシュも削除
- ブラウザ側も ハードリロード（Ctrl+F5）
- それでも怪しければ、別端末・別回線・シークレットで再確認
「シークレットでも出る」は、ログイン時のHTMLがキャッシュされて配られてるパターンでも起こりがちなので、キャッシュ周りは一度ちゃんと潰すのがおすすめ。
補足：これは根本解決なの？
正直に言うと、この方法は「表示を消す」対処です。
つまり、
- 管理バーを出している“原因”を直すわけではない
- でも 見た目の問題としては確実に解決する
というタイプ。
「とにかく訪問者に見せたくない」「急いで直したい」なら、今回のCSSが最短で効きます。
もし根本原因まで追うなら、
- 管理バーを強制表示するプラグインが入っていないか
- キャッシュ設定が“ログイン状態のページ”を配っていないか
あたりをチェックするとよさそうです
まとめ
- シークレットでも上部に黒いバーが出るのは地味に焦る
- まずは 追加CSSで
#wpadminbarを消すのが手っ取り早い - 反映されない時は キャッシュ削除＋ハードリロード
- 余裕が出たら原因（プラグイン/キャッシュ）も追う
同じ現象で困っている人の助けになれば。
Follow me!
