如何移出WordPress前端管理工具栏

weixing 阅读 205 次

显然,大多数的WordPress用户不喜欢看到网站前端的WordPress管理栏面板,当然也有很多去除前端管理面板的方法,比如之前WPMEE在这篇文章中介绍过的方法:如何在管理工具栏添加自定义链接,其中就涉及到如何移出前端管理工具栏,然而,他们只是禁用了管理栏,使管理栏的display:none,并没有将其中的JS,CSS完全移出。这里我们将告诉大家如何完全的移出WordPress前端管理工具栏包括JS,CSS代码等。
将下面的代码放到你主题的functions.php中就可以完全移出WordPress前端管理工具栏:

// Disable Admin Bar
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 '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
        }
        add_filter('admin_head','remove_admin_bar_style_backend');
        // css override for the frontend
        function remove_admin_bar_style_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_action('init','df_disable_admin_bar');
好了,刷新下网页,看看管理面板使用的CSS已经JS是不是都没有了?
参考资料:http://www.trickspanda.com/2014/01/remove-wordpress-admin-bar/
扫描关注微信公众号WPMEE
  • 第一时间了解WordPress动态
  • 学习WordPress教程