Divi: the easiest WordPress theme to use
Divi: The best WordPress theme of all time!
With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]
A large number of sites are powered with WordPress and there are tons of different plugins and themes in the works for this powerful content management system. But like everything, it also has a few flaws that we would like to change.
The WordPress toolbar is such a design element that some users prefer to have it in place while others prefer not to see it anymore, especially when previewing their WordPress site.
What is the WordPress toolbar
The toolbar is an area of the screen just above the site that lists links to the WordPress dashboard including the profile.
The functions of the WordPress toolbar is like a navigation bar which contains links to WordPress functionality, review comments, post / page creation and is a kind of switching between admin panel and your site. The toolbar also allows users to securely log in to their site's administration panel and visit the dashboard personalization sheets.
In this tutorial, we are going to show you how to hide the WordPress toolbar from the dashboard. Those of you who are not comfortable with code can go for the easier alternative which does not require any coding effort.
Easily create your website with Elementor
Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]
While the WordPress toolbar has a wide range of benefits for webmasters, it being present on the front part of the site during a user session is often unwanted. Let's take a look at how you can hide the WordPress toolbar on the frontend of your site.
How to hide the toolbar on WordPress
Now that you know what the WordPress toolbar is and its navigation benefits, let's move on to the tutorial. In this section, we will cover two methods to hide the WordPress toolbar.
Remove the admin toolbar with a simple code
Paste this code in the file functions.php, it can be found in the folder of your theme:
Add_filter ('show_admin_bar', '__return_false');
Once it's done reload your site, you should see the changes take effect immediately ie you will no longer be able to see the WordPress toolbar.
You can use some conditions here to hide the toolbar depending on the role of the user.
How to disable the toolbar in the profile
Another much easier method is to disable the toolbar from the settings page. Log in to your dashboard and navigate to the profile.
In the Toolbar section, clear the Show bar when viewing site check box.
Click the " update profile Once you're done.
By now you have successfully disabled the toolbar on the site but it will still be visible on the dashboard. Removing or hiding the toolbar from your site's dashboard could cause several unwanted problems. For example, logging in from your admin panel won't be as easy as it used to be.
That's all for this tutorial, I hope it will allow you to properly hide the toolbar of your WordPress blog.