Skip to Main Content

How to Hide the toolbar WordPress Dashboard

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.

Wordpress toolbar

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.

Hide wordpress toolbar

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.

 

This article features 2 comments

  1. I am using WordPress.com with the Premium plan and I do not see the option "Show the toolbar when you visit the site"

    1. Hello,

      The version of WordPress.com is slightly different from the self-hosted version of wordpress.org

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
10 shares
Share6
tweet
Save4