更新日2015/10/01 この記事は約 2 分で読めます。

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

Wordpressとchrome

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

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

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

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

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

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

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

下記内容を function.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');

このコードを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

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

※メールアドレスは公開されません。