最新のワードプレスと、Chromeの組み合わせで、管理画面のレイアウトずれが発生する現象が多発しています。こちらの不具合は、ワードプレスの問題ではく、Chromeの問題ですのでご注意ください。
対象のワードプレスバージョン 4.3.X
対象のChrome 45.X
wordpress 管理画面のChromeでの不具合の状況
下図のような管理画面のレイアウトずれが発生します。
対処方法１ ワードプレスの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’);
対処方法２ Chromeの設定を修正する
↓ChromeのブラウザのURL欄に下記を入力してアクセスされてください。
chrome://flags/#disable-slimming-paint
管理画面にアクセスされたら、slimming paint optionの設定をEnable (有効)にし、その他の設定はDisableにセットし、ブラウザを再起動されてください。
