it-swarm.com.ru

Как изменить значок меню, который переопределяется (например, WooCommerce)

Как я могу изменить значок меню (из внешних плагинов, таких как WooCommerce) в области wp-admin с пользовательским значком? (Пункт меню на самом деле post-type, поэтому я думаю, что должна быть какая-то команда register_post_type).

2
William Jerome

WooCommerce стилизует иконку с помощью этого CSS-файла: woocommerce/assets/css/menu.css, и вот соответствующий код ( pretty-print или на самом деле я скопировал его из 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.

1
Sally CJ

чтобы добавить собственное изображение, вы можете использовать этот код. исходное изображение установлено с помощью 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;
        }

    }


});
0
mmm