最新のワードプレスと、Chromeの組み合わせで、管理画面のレイアウトずれが発生する現象が多発しています。こちらの不具合は、ワードプレスの問題ではく、Chromeの問題ですのでご注意ください。

対象のワードプレスバージョン 4.3.X
対象のChrome 45.X

wordpress 管理画面のChromeでの不具合の状況

下図のような管理画面のレイアウトずれが発生します。
wordpress-admin-menu-chrome-45-bug-fix1

対処方法1 ワードプレスのfunctions.phpにコードを記載

この方法はChromeの問題であるため、ワードプレスに変更を加えるのはお勧めいたしませんが下記のコードをfunctions.phpに入力する事で解決するようです。

 function custom_css_code_fix() {
echo ‘<style type=”text/css”>
#adminmenu li {
display: block;
transform: translateZ(0);
}
</style>’;
}

add_action(‘admin_head’, ‘custom_css_code_fix’);

対処方法2 Chromeの設定を修正する

↓ChromeのブラウザのURL欄に下記を入力してアクセスされてください。
chrome://flags/#disable-slimming-paint

管理画面にアクセスされたら、slimming paint optionの設定をEnable (有効)にし、その他の設定はDisableにセットし、ブラウザを再起動されてください。

wordpress 管理画面のレイアウトずれ等の不具合はワードプレスドクターにご依頼ください