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

Question

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

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 管理菜单顶部添加徽标的最佳方法？

谢谢

Answer 1

按照以下步骤操作： 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');

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

Add a logo to the top of wordpress admin menu

wordpress

admin