图片待添加
图片待添加

调整与去除WordPress顶部烦人的工具条WPAdminBar

2020-01-10 20:10 分类:WordPress基础教程, WordPress教程 阅读(次阅读)

WordPress的WPAdminBar 控制栏有时候会挡到网站的主题菜单,产生如下效果。

调整与去除WordPress顶部烦人的工具条WPAdminBar
比较麻烦,但是有的朋友不想完全删除。
WPAdminBar 的位置可以用css控制,现在只需要到主题的 style.css 里添加相应属性即可。

方法一: 修改style.css控制工具栏WPAdminBar显示

如果想显示在底部,就添加如下代码:

div#wpadminbar{top:auto;bottom:0px}

显示在底部也有详细一点的代码

.div#wpadminbar{top:auto;bottom:0px;}
#wpadminbar .quicklinks .menupop ul, #wpadminbar .shortlink-input {bottom:28px;}

效果如下图:

调整与去除WordPress顶部烦人的工具条WPAdminBar

如果想彻底的隐藏,就添加如下代码:

div#wpadminbar{display:none}

方法二: 修改functions.php控制工具栏WPAdminBar显示

2.1 完全去除wordpress工具条

show_admin_bar(false);

或者

add_filter('show_admin_bar', '__return_false');

2.2 WPAdminBar只对管理员显示

if (!current_user_can('manage_options')) {
add_filter('show_admin_bar', '__return_false');
}

2.3 WPAdminBar只对管理员和编辑显示

if(!current_user_can('edit_posts')) {
add_filter('show_admin_bar', '__return_false');
}

2.4 将WPAdminBar工具条从顶部移至页脚

//如果你想让工具条显示在后台顶部,请删除这行代码
add_action( 'admin_head', 'fb_move_admin_bar');

//如果你想让工具条显示在前台顶部,请删除这行代码
add_action( 'wp_head', 'fb_move_admin_bar');

function fb_move_admin_bar() {
echo'
<style type="text/css">
body {margin-top: -28px;padding-bottom: 28px;}
body.admin-bar #wphead {padding-top: 0;}
body.admin-bar #footer {padding-bottom: 28px;}
#wpadminbar {top: auto !important;bottom: 0;}
#wpadminbar .quicklinks .menupop ul {bottom: 28px;}
</style>';
}

 


本文地址: https://www.wpyi.com/wpadminbar.html