两种无插件实现移除WordPress顶部管理工具栏(Admin Bar)方法

下面我们一起来看一篇关于两种无插件实现移除WordPress顶部管理工具栏(Admin Bar)方法的使用方法,希望例子可以帮助到大家。

如果没有经过处理的WordPress网站管理员在登录之后,如果在前台顶部肯定会看到管理工具栏(Admin Bar),有些时候甚至影响我们的调试维护速度。因为需要加载很多内置JS甚至有外部的调用,最好的办法还是直接移除掉比较好。这里老蒋肯定推荐使用无插件实现。

方法之一、直接在用户面板取消勾选

移除WordPress顶部管理工具栏

在我们管理员用户中,工具栏勾选去掉保存就可以。

方法之二、修改functions.php

直接在当前主题中的functions.php文件中加上脚本,代码如下:

add_filter( 'show_admin_bar', '__return_false' );

然后刷新页面就可以看到顶部管理工具已经去除。

方法之三、增加代码

将下面的代码放到你主题的functions.php中就可以完全移出wordpress前端管理工具栏:

  1. if (!function_exists('df_disable_admin_bar')) { function df_disable_admin_bar() { // for the admin page remove_action('admin_footer', 'wp_admin_bar_render', 1000); // for the front-end remove_action('wp_footer', 'wp_admin_bar_render', 1000); // css override for the admin page function remove_admin_bar_style_backend() { echo ''; } add_filter('admin_head','remove_admin_bar_style_backend'); // css override for the frontend function remove_admin_bar_style_frontend() { echo ''; } add_filter('wp_head','remove_admin_bar_style_frontend', 99); } } add_action('init','df_disable_admin_bar');//开源软件:phpfensi.com

补充:

对所有用户和访客禁用顶部工具栏,一行代码搞定:

remove_action( 'init', '_wp_admin_bar_init' );

仅对管理员用户显示顶部工具栏:

  1. if ( !current_user_can( 'manage_options' ) ) {
  2. remove_action( 'init', '_wp_admin_bar_init' );
  3. }

仅在后台显示顶部工具栏

或许我们在访问前台时可以不用看到它.

  1. if ( is_admin() ) {
  2. remove_action( 'init', '_wp_admin_bar_init' );
  3. }

仅在前台显示顶部工具栏

与上条相反的功能,仅仅加了个感叹号……

  1. if ( !is_admin() ) {
  2. remove_action( 'init', '_wp_admin_bar_init' );
  3. }

移除顶部工具栏28px的间距

某些博客的顶部工具栏前面还有一段空白,可用以下代码删除:

  1. function remove_adminbar_margin() {
  2. $remove_adminbar_margin = '<style type="text/css">
  3. html { margin-top: -28px !important; }
  4. * html body { margin-top: -28px !important; }
  5. </style>';
  6. echo $remove_adminbar_margin;
  7. } //开源软件:phpfensi.com
  8. /* wp-admin area */
  9. if ( is_admin() ) {
  10. remove_action( 'init', '_wp_admin_bar_init' );
  11. add_action( 'admin_head', 'remove_adminbar_margin' );
  12. }
  13. /* websites */
  14. if ( !is_admin() ) {
  15. remove_action( 'init', '_wp_admin_bar_init' );
  16. add_action( 'wp_head', 'remove_adminbar_margin' );
  17. }

移除顶部工具栏上的WordPress Logo

  1. function remove_wp_logo() {
  2. global $wp_admin_bar;
  3. $wp_admin_bar->remove_menu('wp-logo');
  4. }
  5. add_action( 'wp_before_admin_bar_render', 'remove_wp_logo' );

移除顶部工具栏上的评论提示

评论提示是什么?就是那个在网站名右边的泡泡,不需要时可以关掉.

  1. function remove_comment_bubble() {
  2. global $wp_admin_bar;
  3. $wp_admin_bar->remove_menu('comments');
  4. }
  5. add_action( 'wp_before_admin_bar_render', 'remove_comment_bubble' );

移除顶部工具栏“新建”按钮

  1. function disable_new_content() {
  2. global $wp_admin_bar;
  3. $wp_admin_bar->remove_menu('new-content');
  4. }
  5. add_action( 'wp_before_admin_bar_render', 'disable_new_content' );

移除顶部工具栏“升级”按钮

在插件或主题有新版本时会自动提示,可直接关闭.

  1. function disable_bar_updates() {
  2. global $wp_admin_bar;
  3. $wp_admin_bar->remove_menu('updates');
  4. }
  5. add_action( 'wp_before_admin_bar_render', 'disable_bar_updates' );

在顶部工具栏添加一个带链接的按钮:

  1. function custom_adminbar_menu( $meta = TRUE ) {
  2. global $wp_admin_bar;
  3. if ( !is_user_logged_in() ) { return; }
  4. if ( !is_super_admin() || !is_admin_bar_showing() ) { return; }
  5. $wp_admin_bar->add_menu( array(
  6. 'id' => 'custom_menu',
  7. 'title' => __( 'Menu Name' ), /* 这里是按钮的名称 */
  8. 'href' => 'http://google.com/', /* 注意改里面的链接 */
  9. 'meta' => array( target => '_blank' ) )
  10. );
  11. }
  12. add_action( 'admin_bar_menu', 'custom_adminbar_menu', 15 );
  13. /* add_action后面的15是按钮的位置,具体修改看下
  14. 10 = 在WP Logo之前
  15. 15 = 在WP Logo之后
  16. 25 = 在网站名称之后
  17. 100 = 最后 */