ここ最近Wordpressの管理画面が崩れます。
右側のメニューレイアウトが崩れて思う部分がクリック出来ないという微妙な現象。
独自テーマが原因か?
とも思ったのだが、どのテンプレートを使っても直らない。
どうやら
WordPress 4.3、4.2.4 と Chrome 45の組み合わせで管理画面メニューが崩れることが判明。微妙にやりにくいので、1分で直す方法をご紹介します。
目次
目次
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側を修正する
- Chromeを起動してURLバーに 以下を入力して開く
chrome://flags/#disable-slimming-paint - スリミング ペイントを無効にする。を探す
- 「スリミング ペイントを無効にする。」が見つかったら
「有効にする」をクリック - 「有効にする」が「無効」になっていることを確認する。
- Chromeを再起動して完了
これだけでOK
複数サイトを管理していて自分だけが投稿する場合はこれでも良いです。
WordPressとchromeレイアウト崩れ問題参考
https://ja.forums.wordpress.org/topic/153237
https://github.com/raffjones/chrome-admin-menu-fix