最近 WordPress を 4.3 に上げた途端、管理画面のメニューが崩れてしまったという方、わりといらっしゃるのではないでしょうか？私もその一人で、WordPress の管理画面が以下の画像のようになってしまい、とても使いづらくなってしまいました…。

管理画面のメニューが崩れてしまった

WordPress のフォーラムでこの現象への対処方法が掲載されていました！ありがとうございます。
WordPress › フォーラム » Chrome 45 でWP管理画面のメニューが崩れる場合の応急対策

この現象でお困りの方も多いと思いますので、当ブログでもその対処方法を共有させて頂こうと思います。

この現象がおこる条件と原因

この現象は、WordPress 本体が 4.1 〜 4.4 のバージョンを使用していて、ブラウザを Google Chrome のバージョン 45 ～ 47 を使用しているという、WordPress と Chrome のバージョンの組み合わせでおこるようです。

原因としては、Chrome に実装されている、“スリミングペイント” という機能の不具合のようです。

この現象への対処方法

対処方法は２種類あり、Chrome 側のスリミングペイント機能を無効にするか、WordPress 側にこの現象を防ぐためのプラグインをインストールするかになります。どちらか一方で対処可能です。

WordPress へプラグインをインストールして対処する

WordPress管理画面「プラグイン > 新規追加」の「プラグインを追加」画面にて “Chrome Admin Menu Fix” プラグインを検索し、「今すぐインストール」をクリックします。

プラグインを検索する

インストールが完了すると、「インストールが完了しました」のメッセージが表示されるので、すぐ下にある「プラグインを有効化」をクリック有効化します。

プラグインを有効化する

これで設定が完了です。

Chrome 側の設定を変更する

Chrome の URL 欄で以下の文字列を入力し、設定画面を開きます。

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

「スリミング ペイントを無効にする。」の項目の「有効にする」をクリックしてスリミング ペイントを無効化し、Chrome を再起動したら設定完了です。
chrome の設定画面

WordPress でのみ不都合を感じられているのであれば、ひとまず WordPress へプラグインをインストールして、Chrome 側の不具合が解消されたらプラグインを無効化→アンインストールするという形でもよいかもしれません。

2種類の対処方法をご紹介しましたので、お好きな方法で対処してくださいね。

この記事を書いた人

Saori
HTML / CSS / jQuery が好きです。PHP / WordPress を現在猛勉強中です。
趣味は、愛犬のお散歩とインターネットを見ること、おいしいものを食べることです。どうぞよろしくお願いします。

スポンサーリンク
投稿タグ
,