首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >删除WordPress管理栏的CSS

删除WordPress管理栏的CSS
EN

Stack Overflow用户
提问于 2017-08-28 18:10:58
回答 2查看 1.4K关注 0票数 0

在WordPress博客中,我想禁用管理员/登录用户的topbar。

代码语言:javascript
复制
add_action('get_header', 'remove_admin_login_header');
function remove_admin_login_header() {
remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('after_setup_theme', 'remove_admin_bar');
function remove_admin_bar() {
show_admin_bar(false);
}

上面的代码删除了管理栏,但它仍然打印以下CSS,我需要删除它,因为它是无用的。

代码语言:javascript
复制
<style type='text/css'>#wp-admin-bar-ai-toolbar-settings .ab-icon:before{content:'\f111';top:2px;color:rgba(240,245,250,.6)!important;}#wp-admin-bar-ai-toolbar-settings-default .ab-icon:before{top:0px;}#wp-admin-bar-ai-toolbar-settings .ab-icon.on:before{color:#00f200!important;}#wp-admin-bar-ai-toolbar-settings-default li,#wp-admin-bar-ai-toolbar-settings-default a,#wp-admin-bar-ai-toolbar-settings-default li:hover,#wp-admin-bar-ai-toolbar-settings-default a:hover{border:1px solid transparent;}#wp-admin-bar-ai-toolbar-blocks .ab-icon:before{content:'\f135';}#wp-admin-bar-ai-toolbar-positions .ab-icon:before{content:'\f207';}#wp-admin-bar-ai-toolbar-positions-default .ab-icon:before{content:'\f522';}#wp-admin-bar-ai-toolbar-tags .ab-icon:before{content:'\f475';}#wp-admin-bar-ai-toolbar-no-insertion .ab-icon:before{content:'\f214';}#wp-admin-bar-ai-toolbar-ad-blocking .ab-icon:before{content:'\f160';}#wp-admin-bar-ai-toolbar-processing .ab-icon:before{content:'\f464';}#wp-admin-bar-ai-toolbar-positions span.up-icon{padding-top:2px;}#wp-admin-bar-ai-toolbar-positions .up-icon:before{font:400 20px/1 dashicons;}</style>

你会使用什么PHP代码或过滤器来删除它?

注意:我想删除CSS输出,而不是隐藏div!

EN

回答 2

Stack Overflow用户

发布于 2017-08-28 19:09:59

代码语言:javascript
复制
if (!function_exists('disableAdminBar')) {

        function disableAdminBar(){

        remove_action( 'admin_footer', 'wp_admin_bar_render', 1000 ); // for the admin page
        remove_action( 'wp_footer', 'wp_admin_bar_render', 1000 ); // for the front end

        function remove_admin_bar_style_backend() {  // css override for the admin page
          echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
        }

        add_filter('admin_head','remove_admin_bar_style_backend');

        function remove_admin_bar_style_frontend() { // css override for the frontend
          echo '<style type="text/css" media="screen">
          html { margin-top: 0px !important; }
          * html body { margin-top: 0px !important; }
          </style>';
        }

        add_filter('wp_head','remove_admin_bar_style_frontend', 99);

      }

    }

    // add_filter('admin_head','remove_admin_bar_style_backend'); // Original version
    add_action('init','disableAdminBar'); // New version

 //JUST PAST THIS function.php  
票数 0
EN

Stack Overflow用户

发布于 2017-08-28 19:12:04

尝试此操作,删除该内联css。将此复制到您的functions.php

代码语言:javascript
复制
add_action('get_header', 'remove_admin_login_header');
function remove_admin_login_header() {
    remove_action('wp_head', '_admin_bar_bump_cb');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45916597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档