[掲載日] (更新日) この記事は約 2 分で読めます

WordPress4.xとChromeで管理メニューが崩れる時の緊急対策方法!

ここ最近Wordpressの管理画面が崩れます。
右側のメニューレイアウトが崩れて思う部分がクリック出来ないという微妙な現象。

独自テーマが原因か?
とも思ったのだが、どのテンプレートを使っても直らない。

Wordpressとchromeで管理メニューが崩れる現象

どうやら
WordPress 4.3、4.2.4 と Chrome 45の組み合わせで管理画面メニューが崩れることが判明。微妙にやりにくいので、1分で直す方法をご紹介します。

Wordpressとchromeで管理メニューが崩れる現象

無料パソコンスクール講座
WordPress・SEO・プログラミング

あなたに以下のことで 悩んでないだろうか?

  • 「フリーランスになりたいけど稼げるか不安だ」
  • 「クラウドソーシングや営業して稼げるか不安だ」
  • 「転職で必要になり困っている」
  • 「スマホはあるけどパソコンが古くて不安だ」
  • 「広告やLINEからの集客を得たい」
  • 「仕事でグラフや資料制作を思うように作れない」
  • 「プログラミングを学習して副業したいけど不安だ」
  • 「副業をはじめたが、いっこうに成果がでない」
  • 「退職してノートパソコンだけで収入を得たい」
  • 「何がわからないかわからない状態が続き何度も挫折した」
  • 「在宅で稼げるようになりたい」
  • 「副業で収入を得たい」

そんなお悩みのあなたにこそ 取得して頂きたい内容です!

このメディアを運営している制作・プログラミング相談のプロが
全て無料で相談と学習できるように
無料スクールのメルマガ講座を開設しました。

いまなら、先着300部限定で無料プレゼント付です。

WordPressとchromeで起こる管理メニュー崩れを直す方法

方法1:Wordpressの function.php へ記述する

下記内容を function.php へ記述する

[php]
//——————————————-
// chromeレイアウト崩れ緊急回避 2015年09月08日
//——————————————-
function chromefix_inline_css()
{
wp_add_inline_style( ‘wp-admin’, ‘#adminmenu { transform: translateZ(0); }’ );
}
add_action(‘admin_enqueue_scripts’, ‘chromefix_inline_css’);
[/php]

このコードをfunction.php へコピペするだけでOK

方法2:Chrome側を修正する

Wordpressとchromeで管理メニューが崩れる現象

  1. Chromeを起動してURLバーに 以下を入力して開く
    chrome://flags/#disable-slimming-paint
  2. スリミング ペイントを無効にする。を探す
  3. 「スリミング ペイントを無効にする。」が見つかったら
    「有効にする」をクリック
  4. 「有効にする」が「無効」になっていることを確認する。
  5. Chromeを再起動して完了

これだけでOK
複数サイトを管理していて自分だけが投稿する場合はこれでも良いです。

WordPressとchromeレイアウト崩れ問題参考

https://ja.forums.wordpress.org/topic/153237
https://github.com/raffjones/chrome-admin-menu-fix