wordpress管理画面の表示が崩れる場合の解決方法

wordpress

今日ブログを書いていて気づいたんですが、なんかwordpressの管理画面でメニューの表示が崩れてた。

こんな感じに。

管理画面メニュー
管理画面メニュー

表示は崩れてるけどリンクとかは機能してるから、ええかなぁ~と思ったけど何か気持ち悪いから、調べて直した。調べた結果、原因は使っているブラウザ、そうgoogle chromeが表示崩れの原因だった。

どうやらバージョン45辺りから、この表示崩れのバグがあるらしい。(もしかしたらwordpressの管理画面以外の通常サイトでも表示崩れが起きるかも)

表示崩れを直す方法が二つあるみたいなので、自分が行った解決方法のメモついでに、他の方法も記しておく。クロームのバージョンアップでバグが取り除かれた後、元に戻すときに自分がどの方法で直したか忘れる事もあったりするので。

管理画面が崩れる解決方法

まず自分が行った方法。

chromeのアドレスバーに以下を入力し、ENTERを押す。

chrome://flags/#disable-slimming-paint
chrome config
chrome config

スリミングペイントを無効にする。

無効にしたら、その項目の背景が白くなるので、この状態が無効に設定されている状態。説明文にも記載されているが、【スリミングペイントを有効にする】の設定が有効になっていたら(背景が白色状態)そちらが優先されるので注意。
スリミングペイントを無効にする
スリミングペイントを無効にする

次にchromeを再起動する必要があるので、ページ下部にある【今すぐ再起動】を押して再起動!これで解決!

管理画面正常化
管理画面正常化

これで管理画面のメニューが元に戻りました。

pluginで解決する

公式ディレクトリで配布されているpluginでは無いので、zipファイルをダウンロードしてインストールする必要があります。

chrome-admin-menu-fix

ダウンロードは上記ページの、右下より。

chrome-admin-menu-fix
chrome-admin-menu-fix

ダウンロード後、管理画面→プラグイン→新規追加→プラグインのアップロードでzipファイルのままインストール。有効化して解決です。

pluginを導入する方法は若干めんどくさいので、スリミングペイントを無効にする方法をとりました。それにバグの影響を受けるのがwordpressの管理画面だけとは限っていないので、どっかのサイトがバグの影響で表示崩れを起こすかもしれないかもと思ったからです。

この表示崩れの問題はwordpress開発者側も既に認識しており、次のバージョンアップ辺りには対策される模様。

この記事が気に入ったら
『いいね』しよう!