如何使用自定义图标更改wp管理区域中的菜单图标（来自外部插件，如WooCommerce）？（菜单项实际上是post-type, 所以应该有一些register_post_type 我想是命令）。
如何更改被覆盖的菜单图标(即被WooCommerce覆盖)
2 个回复
SO网友:Sally CJ
WooCommerce通过以下CSS文件设置图标样式：woocommerce/assets/css/menu.css, 这是相应的代码（打印得很好，或者实际上，我是从woocommerce/assets/css/menu.scss):
#adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image::before {
font-family: \'WooCommerce\' !important;
content: \'\\e03d\';
}
font-family 以及content （和其他）属性以适合您的自定义图标。下面是通过将图标更改为使用background-image:
// We hook to the `admin_enqueue_scripts` action with a priority of `11`, where
// at this point, the default CSS file should have been loaded. But you can or
// should add the CSS rule to your custom CSS file; just make sure it\'s loaded
// *after* the default CSS file.
add_action( \'admin_enqueue_scripts\', function(){
$css = <<<EOT
#adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image::before {
content: \' \';
background: url(\'https://png.icons8.com/dusk/2x/e-commerce.png\') no-repeat center;
background-size: contain;
}
EOT;
wp_add_inline_style( \'woocommerce_admin_menu_styles\', $css );
}, 11 );
menu.css 文件已注册并在中排队WC_Admin_Assets::admin_styles() 句柄/名称为woocommerce_admin_menu_styles.SO网友:mmm
要添加自定义图像，可以使用以下代码。原始图像是用CSS设置的，然后你必须添加自定义CSS来删除它。
add_action("admin_menu", function () {
foreach ($GLOBALS["menu"] as $position => $tab) {
if ("woocommerce" === $tab["2"]) {
$GLOBALS["menu"][$position][6] = "http://server/image.png";
break;
}
}
});
结束