将徽标添加到wordpress管理菜单的顶部

问题描述

我试图将徽标作为菜单项背景图像添加到管理菜单，但这似乎不是最好的方法，因为当我尝试向其添加填充或边距时，其位置会发生变化，并且无法正确放置，如图所示在图片中：

https://i.stack.imgur.com/ZpH3q.png

我使用了以下代码：

/********************************************************/
/* INSERT ADMIN LOGO
/********************************************************/
add_action('admin_menu','shomtek_admin_menu');
function shomtek_admin_menu() {
    global $menu;
    $url = 'https://google.com/';
    $menu[0] = array( __('SHOMTek'),'read',$url,'shomtek-logo','shomtek-logo');
}


/*ADMIN LOGO STYLES*/
#adminmenu a.shomtek-logo{
    display: block;
    background: url(https://example.com/logo.svg) no-repeat center center;
    background-size: 140px 40px;
    width: 140px;
    opacity: 1;
    height: 40px;
    margin: 0 auto;
    padding-top: 20px;
}

您能推荐将徽标添加到wordpress管理菜单顶部的最佳方法吗？

谢谢

解决方法

请按照下列步骤操作： 1-在侧边菜单的顶部创建一个菜单：

add_action( 'admin_menu','register_my_custom_menu_page' );
function register_my_custom_menu_page() {
  add_menu_page( 'Custom Menu Page Title','Custom Menu Page','manage_options','logo_based_menu','',1);
}

2-添加自定义CSS代码以在该菜单内打印徽标：

   function admin_style() {
     echo '<style>
        #toplevel_page_logo_based_menu {
    background-image: url('. get_field ("option","logo_image") . ');
}
        #toplevel_page_logo_based_menu > a,#toplevel_page_logo_based_menu > a > div.wp-menu-image {
    display: none;
}
      </style>';
            }
    add_action('admin_enqueue_scripts','admin_style');