WordPress后台左上角的W徽标怎么替换或去除？

使用WordPress建站的站长可能会发现，每次登录进入后台后，都会在左上角看到一个W徽标，其实就是WordPress的logo。具体如下图所示：

那么这个W徽标是否可以替换为自己喜欢的图标？那是肯定的，而且有两种方法：

方法一、将W徽标替换为另一个字体图标

据了解，该徽标并不是使用图片，而是使用Dashicons字体图标，所以如果我们想要替换这个徽标的话，只需要找一个Dashicons字体图标对应的值替换上即可。

1、前往WordPress Dashicons本地化图标库及用法页面，找到自己想要的图标并点击，即可看到该图标对应的值。如下图红圈所示的“f313”。

2、将以下代码添加到当前主题的functions.php文件中并保存更新文件即可。

//替换WordPress后台左上角的W徽标为另一个字体图标
add_action('admin_head', function() {
echo '<style type="text/css">#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{content: "\f313";}</style>';
});

记得将上述代码中的“f313”改为自己想要的字体图标对应的值。

方法二、将W徽标替换为指定图片

其实，我们也可以将该W徽标替换成指定的一张图片，建议为正方形图片，如使用站点的favicon.ico图标就非常合适。

替换WordPress后台左上角的W徽标的方法很简单，只需要将以下代码添加到当前主题的functions.php文件中并保存更新文件即可。

//替换WordPress后台左上角的W徽标为指定图片
add_action('admin_head', function() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{display:none}
#wpadminbar>#wp-toolbar>#wp-admin-bar-root-default #wp-admin-bar-wp-logo .ab-icon{content:"";background-image:url(https://boke112.com/favicon.ico)!important;background-size:cover;width:28px;}
</style>
';
});

记得将上述代码中的“https://boke112.com/favicon.ico”替换为自己的ico图标URL地址。

建议移除W徽标及下拉菜单

其实，对于更换WordPress后台左上角的W徽标，boke112百科认为一样不大。虽然将鼠标移动到该徽标上会显示一个下拉菜单，但是这些功能我们平时根本用不上。

与其去修改替换这个徽标，还不如直接将这个徽标和下拉菜单一起移出，这样看起来更加简洁。

移除WordPress后台左上角的W徽标及下拉菜单的方法很简单，只需要将以下代码添加到当前主题的functions.php文件中并保存更新文件即可。

//移除WordPress后台左上角的W徽标
function _admin_bar_remove() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo');
}
add_action('wp_before_admin_bar_render', '_admin_bar_remove', 0);

移除之后的效果如下图所示，是不是更简洁了？

本文地址：https://boke112.com/post/12087.html