rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

WordPress管理画面左メニューのレイアウトがChromeで崩れる現象の対策方法

      2015/09/15   WordPress, 開発 ,

  • このエントリーをはてなブックマークに追加
  • Pocket

最近、WordPressをいじってると管理画面左メニューのレイアウトが崩れて表示されるようになったのが気になっていました。

WordPress管理画面

調べてみたところ、Chrome バージョン45 と WordPress のバージョン 4.1 ~ 4.4 の組み合わせで利用している環境で発生する現象とのこと。

次期の WordPress 4.3.1 ではこの問題に対応されるとのことですが、とりあえず現状でも行える解決策が2つあるようなのでご紹介します。

【解決策1】Chromeのスリミングペイント設定を変更する

一つ目の解決策は、Chrome のスリミングペイントという機能の不具合がそもそもこの問題の原因であるため、その設定を変更して対応する方法です。

まず、Chromeのアドレスバーから「chrome://flags/#disable-slimming-paint」を開きます。

表示された画面から「スリミング ペイントを無効にする。」の “有効化する” をクリックします。(一つ下にもスリミングペイントの設定がありますが、そちらは無効のままで良いです。)

Chrome設定

Chromeを再起動します。先ほどの画面を開いて設定が変更されていることを確認します。

Chrome設定

これで WordPress の管理画面を開いてみると・・・無事メニューのレイアウトが直りました!

WordPress管理画面

【解決策2】chrome-admin-menu-fix プラグインを導入する

二つ目は、WordPress側で対策用のプラグインを入れて対応する方法です。

下記ページからプラグイン「chrome-admin-menu-fix」の zip ファイルをダウンロードし、WordPressのプラグインにアップロードします。

あとはプラグインを有効化するだけです。こちらの方法でもレイアウトが直ることが確認できました。

WordPress管理画面

2015/9/15追記

chrome-admin-menu-fix プラグインが WordPress 公式プラグインに登録されたようです。

管理画面メニューの [プラグイン] → [新規追加] から「Chrome Admin Menu Fix」と検索するとプラグインが見つかるので、そこから「いますぐインストール」をすればより簡単にインストールが済んじゃいますね。

プラグイン

参考URL

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

Comment

  1. […] WordPress管理画面左メニューのレイアウトがChromeで崩れる現象の対策方法 […]

  関連記事

地図
JavaScriptでUserAgentからスマートフォン判別して地図サイズ切り分け

photo credit: Annie Mole via photopin cc …

佐藤紳哉
佐藤紳哉七段をもっとイケメンに変身させるChrome拡張を作ってみました

※この記事は「将棋 Advent Calendar 2016 – A …

高校野球応援まとめサイト
高校野球応援動画まとめサイト「OUEN」という新サイトを作りました

先日、こんな高校野球応援動画まとめサイトを作りました。 高校野球応援動画まとめサ …

棋士データベースクイックサーチ
将棋棋士データベースで遊ぶ(6)〜クイックサーチ機能を作る〜

※この記事は「将棋 Advent Calendar 2016 – A …

WordPress管理画面
あなたのWordPress管理画面の投稿一覧が見づらい原因はこれかもしれません

長い間 WordPress を使っていると、色々なプラグインを入れたりカスタマイ …

PERARI
WebRTCで動画チャットできる「PERARI」というWebサービスを作りました

※この投稿は「WebRTC Advent Calendar 2014」の3日目の …

アドベントカレンダーTreeMap
Adventarの登録状況をD3.jsのツリーマップで可視化してみました

Adventar にはすでに昨年を上回る勢いの310以上(11月17日時点)のア …

unsplash
JPG画像サイズ圧縮ツール「jpegoptim」のインストールと実行サンプル

Google の PageSpeed Insights でもJPEG画像を圧縮す …

programming_language
プログラミング言語の使い手の呼び名を集めてみました

photo credit: nyuhuhuu via photopin cc プ …

WordCamp Tokyo 2016
今週末は「WordCamp Tokyo 2016」へ行こう!

今週17日(土)、18日(日)は、WordPress のお祭り「WordCamp …