Какой точный CSS-минимизатор использует ядро ​​WP?

WordPress core отправляет файлы css как в исходной, так и в миниатюрной форме. Например, wp-includes/css/admin-bar.css и wp-includes/css/admin-bar.min.css . Кто-нибудь знает, какой инструмент они используют для минимизации? Я просто попытался использовать веб-инструмент cssminifier.com в cssminifier.com admin-bar.css в основном 4.4.2, и он производит разные выходные данные из файла admin-bar.min.css который поставляется с 4.4.2. Я хочу внести некоторые изменения в css, и сначала хочу проверить, что я могу минимизировать источник так же, как это делал WordPress, прежде чем вносить изменения в источник и затем минимизировать результат.

Пожалуйста, не оставляйте комментарии об изменении файлов ядра. Я знаю все об этом и поддерживаю небольшое количество изменений основного файла в git с версии 3.7 до версии 4.4.2 (в дополнение к большому числу фильтров и действий). У меня есть сильное предпочтение настраивать «правильный путь», но иногда это невозможно 🙂

Solutions Collecting From Web of "Какой точный CSS-минимизатор использует ядро ​​WP?"

До:

введите описание изображения здесь

 add_action('admin_head', function(){ ?> <style type="text/css"> #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before { content: "LOL"; top: 2px; } </style> <?php }); 

После:

введите описание изображения здесь

Вы также можете использовать admin_enqueue_scripts action hook:

 function my_enqueue($hook) { wp_enqueue_style( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'my-style.css' ); } add_action( 'admin_enqueue_scripts', 'my_enqueue' ); 

Видеть:

… даже не пришлось взломать основной файл.

Это должно помочь вам.

Что касается вашего комментария о «Моих сайтах» для нескольких сайтов:

введите описание изображения здесь

Что я изменил?

 #wpadminbar .quicklinks li .blavatar::before { content: "??"; display: inline-block; height: 16px; margin: 6px 8px 0 -2px; width: 16px; } 

Все, что вам нужно сделать, – проверить DOM с помощью инструментов Chrome Dev или Firebug / Web Inspector в Firefox в зависимости от вашего предпочтительного метода, найти ответственных за селекторов и изменить их в соответствии с вашими потребностями.

Вы добавили вышеприведенный фрагмент к примеру, показанному ранее.