Now we’re going to see how to completely hide the WordPress admin toolbar.
And you’ll see how easy it is.
Table of Contents
Hide the WordPress administration toolbar when viewing the web
The first step would be if you don’t want to see the administration bar when you are viewing the website, and nothing could be easier.
Just go to the edit page of your profile on your WordPress site, under Users > Your Profile, and uncheck the box that says “Show toolbar when viewing site”.
Save the changes and while you’re in administration you’ll see the toolbar, but not when you’re viewing the web, which is very handy when you’re making changes, to see how visitors will see it.
Hide the WordPress administration toolbar at will
A step further would be to be able to hide the admin toolbar with a click, momentarily, when you need to see your website without a bar for a few moments.
As before, this is very practical especially when you are customizing the website.
The easiest way to do this is with a Chrome extension called WordPress Admin Bar Control.
Once installed and active, you will see a green WordPress icon on the browser toolbar.
Well, if you’re viewing your connected WordPress website and you click on the icon, it turns red and automatically hides the WordPress Admin Toolbar.
It also works site-independently, so if you have multiple WordPress sites and activate it on one, it won’t be active on others until you click, and remember which sites you don’t want to see the toolbar.
Watch this pic to see where it is once you install the chrome extension.
Hide the administration toolbar from all users
If you want the toolbar not to be displayed, not only for you when you view the site, but for all users, here are a couple of methods…
Hide the WordPress toolbar from all users with a Plugin
It’s called the Hide Admin Bar and there’s nothing to configure, you just install it, activate it and you’re done.
Hide the WordPress toolbar from all users with a code
If you prefer to simply use a code and add it to your own customization plugin or to the functions.php file of the active theme, just use this one:
/* Hide admin bar to all users */
add_filter('show_admin_bar', '__return_false');Code language: JavaScript (javascript)Hide the WordPress toolbar from all non-administrator users with code
With this other code you will only hide it from users who do not have an administrator profile:
/* Hide admin bar from all non-administrator */
if ( ! current_user_can( 'manage_options' ) ) {
add_filter('show_admin_bar', '__return_false');
}Code language: JavaScript (javascript)Hide the WordPress toolbar by selecting user profiles
On the other hand, if you prefer to have more control over which user profiles will see the toolbar you can do so with the Admin Bar Disabler plugin.
Once installed and active, in its settings page you can select which user profiles will see the WordPress Admin Toolbar and which ones will not.
If you check the box “Disable for everyone” no user will see it, but you can uncheck that box and put in white list (whitelist) or black list (blacklist) which users will or will not see the WordPress toolbar.
And for today I think that’s enough, another day we’ll go into other customizations that we can do with the WordPress administration toolbar.
Read this post in Spanish: Cómo ocultar la barra de herramientas de WordPress
