2 решения: когда поплыла левая панель админа сайта в Хроме

Тоже столкнулись с некорректным отображением левой панели админки сайта на WordPress в Хроме? Баг пошел с 45 версии браузера.

Связано это с появлением нового кода Slimming Paint в Хроме, который призван ускорить процесс работы браузера. Однако, в случае с WordPress пошли глюки.

Клик для увеличения

В будущем явно выйдут обновления браузера или WordPress, которые решат проблему. Но нам нужно работать сейчас! Ваш Dell Inspiron 5721 не должен просто так стоять и не приносить владельцу доход, из-за багов системы.

Решаем проблему в браузере

Этот вариант наиболее приемлем, т.к. решает проблему сразу для всех сайтов, в отличие от второго способа (ниже).

В адресную строку браузера вставляем следующее chrome://flags/#disable-slimming-paint и нажимаем Enter.

Далее вам необходимо будет провести настройки таким образом, как показано на скриншоте ниже:

Осталось перезагрузить браузер и убедиться, что все работает корректно - панель снова выглядит как нужно. Проблема решена.

Решаем проблему вставкой кода в шаблон

Если у вас свободная регистрация на сайте и админкой пользуется много людей - вставьте следующий кусок кода в файл функций шаблона (functions.php), чтобы решить проблему. Не забывайте только делать резервные копии файлов, с которыми работаете.

// правим панель в хроме
add_action( 'admin_enqueue_scripts', 'chrome_fix' );

function chrome_fix() {

    if ( strpos( $_SERVER[ 'HTTP_USER_AGENT' ], 'Chrome' ) !== false ) {
        wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0) }' );
    }
}

Теперь тоже проверяете и убеждаетесь, что все работает правильно, панель в нужном виде.