【Cocoon】スマホ画面下の統計情報(黒いメニューバー)を非表示にする方法

この記事はこんな方向けの内容となっています。
  • スマホ画面下の統計情報(黒いメニューバー)を非表示にしたい人
  • Cocoonユーザー

ワードプレスでブログを運営している管理人です。

実際にブログを運営するうえで、困ったことや悩んだことがたくさんありましたので、これまでに解決できたことを「再現性」という観点からまとめています。

モバイル環境(スマホ)で自分のサイトを見ているとき、スマホ画面下に統計情報(黒いメニューバー)が出てきませんか?

こんな感じの。

この統計情報(黒いメニューバー)、やっかいではありませんか?

というのも、同じく画面下にある「サイドバー」ボタンや「メニュー」ボタンに被っていますので、サイドバーやメニュー設定しているカテゴリやアーカイブにアクセス出来ない状態なのです。

でも、実は簡単にこの統計情報(黒いメニューバー)を非表示にすることが出来ましたので、その方法を説明していきたいと思います。

そもそもこの情報は何なのか?

スマホ画面下に出てくる統計情報を詳しく見てみると、下記のようになっています。

  • 統計情報(本日・週・月・全体)
  • 編集
  • レスポンシブテスト
  • Sizzy
  • Resolution Test

どれもスマホ画面下からあえて確認・操作するような内容ではなさそうですね。

スマホ画面下の統計情報の非表示設定方法

ワードプレスのメニューバーから「Cocoon設定」を開きます。

「Cocoon設定」→「管理者画面」タブを開きます。

「管理者パネルの表示」で「表示しない」を選択して、変更を保存します。

以上です。
これで統計情報(黒いメニューバー)は非表示となりました。

変更を保存した際に「403エラー」が出てしまった方は、レンタルサーバー側でWAF設定が「有効」になっているので、レンタルサーバー管理画面から「無効」に設定変更したうえで、上記のCocoon設定変更を行ってください。

詳しくは下記を参照してください。

コメント