記事の詳細

なんか数日前からWordPressの管理画面のメニューの表示が重なったりなど表示が崩れてしまう現象が発生していまして・・・。(下図)

2015-09-09_21h24_46

原因として最近変化したことといえば・・・

  • WordPressを4.3にしたから??
  • 何かのプラグインをバージョンアップしたことが原因??

などと悩んでいたのですが、WordPressフォーラムの方々のおかげを持ちまして解決しました!

Chromeが原因だったとはー!!まったくのノーマークだった!!

おそらくこれからしばらく同様の現象で悩む方も多いと思いますので、まとめておきたいと思います。

管理画面のメニュー崩れ現象が発生する条件

特定の条件下でのみ発生するようです。

WordPressフォーラムの投稿です。

2015-09-09_21h26_26

まさかのChromeのみで発生する現象。Google先生・・・リリースバージョン45から問題が発生しており、未リリースの47でも発生が確認されてるので、48まで修正は待ちなのかなぁ・・・。

私の環境で確認した限りでは、Windows10のEdge 20.10240.16384.0、Firefoxの9月10日時点の最新版の40.0.3では同様の現象は発生しませんでした。

現状、この対策には2つの方法があるようです。

対策①:WordPressのプラグイン「chrome-admin-menu-fix」をインストールする

ひとつ目の対策はWordPressのプラグイン「chrome-admin-menu-fix」をインストールするという方法です。

chrome-admin-menu-fix

フォーラムではWordPressからインストール可能なバージョンは若干動作が遅いらしく、最新版をgithubからダウンロードしたほうが良いとのことです。

https://github.com/raffjones/chrome-admin-menu-fix

  1. 右下のDownload ZIPボタンを押して、ZIPファイルをダウンロード
  2. WordPressの管理画面からプラグイン -> 新規追加
  3. プラグインのアップロードを押して、ダウンロードしたZIPファイルを選択
  4. プラグインを有効化

2015-09-10_01h47_49

この方法が一番簡単です。

対策②:Chromeの設定を変更する

プラグインを入れると重くなるのが気になるという方はChromeの設定を変更するというのでも対応できます。(あくまでChromeの修正が行われるまでの暫定措置であることに注意!)

    1. Chromeのアドレスバーに「chrome://flags/#disable-slimming-paint」と入力してENTER
    2. 「スリミング ペイントを無効にする」を有効化
    3. 「スリミング ペイントを有効にする」を無効化

      以下の図と同じになるようにすればOKです。

      2015-09-09_21h22_27

    4. Chromeを再起動

これでメニューの表示崩れが直っているはずです。(私の環境でも下図のように直りました!)

2015-09-09_21h25_41

こちらの対策をした方はChrome 48でスリミングペイントのバグが修正された場合、設定を元に戻す必要があるのを忘れないように!

スリミングペイントについて調べてみたけど・・・

この「スリミング ペイント」というものが一体何者なのかが知りたかったので調べてみました。

The Chromium Projects Slimming Paint 

すみません・・正直良く分からんです・

なんとなくですが、「Slim:痩せる」なので、グラフィックを表示するときの処理をスリム化してパフォーマンスを向上させるための機能っぽいです。(※間違ってたらスミマセン)

Google提供の動画もありました。英語ですけど・・。

ブラウザも高機能化に加えて、肥大化するデータを高速に処理する方法が求められているということですね!

メニューの表示崩れが直って良かったです!

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。


ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

相模原のお店やサービスをどんどん紹介!

行ってみよう相模原 相模原市のお店限定

飲食店

ページ上部へ戻る