wordpress - 如何从管理员更改 wordpress 默认徽标？

Question

我想创建一个自定义徽标，因此我需要更改 wordpress 徽标的默认徽标。

Answer 1

这是将正确覆盖管理员徽标的函数（插入到functions.php中）：

/**
* customize the admin logo that appears in the header
* http://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for-       branding/
* @author Paul Bredenberg
*/

function htx_custom_logo() {
echo '
<style type="text/css">
#wp-admin-bar-wp-logo > .ab-item .ab-icon { 
background-image: url(' . get_bloginfo('stylesheet_directory') . '/assets/images/dashboard-logo.png) !important; 
background-position: 0 0;
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}   
 </style>
';
}

 //hook into the administrative header output
add_action('admin_head', 'htx_custom_logo');

从这里获取：http: //goo.gl/GuDZM6

！

Answer 2

这是一个很棒的插件，还有更多。白标CMS

Answer 3

function my_login_logo() { ?>
<style type="text/css">
    body.login div#login h1 a {
        background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
        padding-bottom: 30px;
    }
</style>

Answer 4

Sunny 的回答只会覆盖该项目的图标。如果您想完全删除该项目，您可以这样做：

function htx_custom_logo() {
  echo '
    <style type="text/css">
      #wpadminbar #wp-admin-bar-wp-logo>.ab-item { 
       display:none;
      }
    </style>
  ';
}

 //hook into the administrative header output
add_action('admin_head', 'htx_custom_logo');

Answer 5

我做了一些安排：
- 支持全屏模式
- 使用站点的图标，因此它会自动为多站点定制，如果没有图标，你可以放一些默认图像）
我把“宽度：12px”设置为方形对于 favicon 封面背景
如果它可以帮助某人这里是代码：

function my_custom_admin_logo() {
    echo '
        <style type="text/css">
            #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {content:none;}
            #wpadminbar #wp-admin-bar-wp-logo > a {
                background-image: url(' . get_site_icon_url() . ') !important;
                background-size: cover !important;
            }
            #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {width: 12px;}
            @media screen and (max-width:782px){ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {width: 46px;} }
            a.edit-post-fullscreen-mode-close.has-icon {
                background-image: url(' . get_site_icon_url() . ');
                background-size: cover;
            }
            .edit-post-fullscreen-mode-close.has-icon > svg > path { display: none;}
        </style>
    ';
}
//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'my_custom_admin_logo');

Answer 6

使用以下代码将仪表板徽标更改为自定义徽标：

add_action('admin_head', 'my_custom_logo');

function my_custom_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }
</style>
';
}