{"id":623,"date":"2025-06-16T09:34:13","date_gmt":"2025-06-16T07:34:13","guid":{"rendered":"https:\/\/wpcodebox.com\/?post_type=tutorial&p=623"},"modified":"2025-12-19T21:18:51","modified_gmt":"2025-12-19T20:18:51","slug":"hide-admin-bar-wordpress","status":"publish","type":"tutorial","link":"https:\/\/wpcodebox.com\/tutorial\/hide-admin-bar-wordpress\/","title":{"rendered":"How to Hide the Admin Bar in WordPress"},"content":{"rendered":"\n

The WordPress admin bar appears automatically for every logged-in user. While useful for site administrators, it confuses subscribers, customers, and members who don’t need backend access.<\/p>\n\n\n\n

Many site owners want to hide this bar, but WordPress lacks a simple setting to disable it globally.<\/p>\n\n\n\n

In this article, I\u2019ll share how to hide the admin bar for specific user roles or remove it completely using a simple code snippet.<\/p>\n\n\n\n

Why You Should Hide the WordPress Admin Bar<\/h2>\n\n\n\n

The default toolbar confuses non-technical users who don’t need access to backend links. The toolbar makes users feel like they are inside a backend system rather than browsing a finished website.<\/p>\n\n\n\n

It acts as a gateway to areas users shouldn’t see. Even with restricted permissions, the admin bar provides direct links to the Dashboard and Profile screens. Curious users often click these links, which take them away from your content and into the confusing WordPress backend interface.<\/p>\n\n\n\n

\"wordpress<\/a><\/figure>\n\n\n\n

The bar disrupts the user journey for membership sites and online stores. When a customer logs in to view their account or course content, a sudden black toolbar breaks their focus.<\/p>\n\n\n\n

How to Manually Disable Admin Bar via User Settings<\/h2>\n\n\n\n

You can control toolbar visibility individually through the WordPress dashboard. This method requires no code and works perfectly if you have limited users on the site.<\/p>\n\n\n\n

    \n
  1. Navigate to Users > Profile in your admin dashboard and click on the profile you don\u2019t want to display the toolbar.<\/li>\n\n\n\n
  2. Scroll down to the Toolbar option and uncheck the box labeled “Show Toolbar when viewing site”.<\/li>\n\n\n\n
  3. Click Update Profile at the bottom of the page.<\/li>\n<\/ol>\n\n\n\n
    \"manually<\/a><\/figure>\n\n\n\n

    The bar disappears immediately for the account you made the change for. However, this setting doesn\u2019t apply to other users automatically. You\u2019ll need to individually uncheck the option for each user on your site. For membership sites or stores with many users, this is not practical, and you need something that applies this rule globally.<\/p>\n\n\n\n

    How to Hide the Admin Bar for Everyone Using a Code Snippet<\/h2>\n\n\n\n

    You can completely remove the toolbar for all users, including administrators. This is ideal when you’re developing a site and want to view the frontend exactly as a visitor sees it, without logging out constantly.<\/p>\n\n\n\n

    add_filter('show_admin_bar', '__return_false');<\/code><\/pre><\/div>\n\n\n\n
    This single line of code disables the toolbar globally. Once active, no user will see the admin bar on the frontend. Administrators can still access the dashboard by visiting the \/wp-admin\/ URL directly.<\/p>\n\n\n\n
    How to Hide the Admin Bar for Non-Admins<\/h3>\n\n\n\n
    Hiding the bar for everyone is often too restrictive. As an administrator, you need the toolbar for quick access to site settings and content editing. Your subscribers and customers, however, should never see it.<\/p>\n\n\n\n
    This snippet selectively hides the bar based on user roles. It checks if the current user has administrative permissions. If they don’t, the toolbar disappears.<\/p>\n\n\n\n
    if (!current_user_can('administrator') && !is_admin()) {\n    show_admin_bar(false);\n}<\/code><\/pre><\/div>\n\n\n\n
    This intelligent filter gives you the best of both worlds. You retain your management options while delivering a clean, professional experience to your users. Members and customers browse a distraction-free site, while you manage it efficiently from the frontend.<\/p>\n\n\n\n
    Step-by-Step: Adding the Snippet to Your Website<\/h3>\n\n\n\n
    You can add these snippets to your theme’s functions.php file, but theme updates will wipe out your changes instantly. You also risk crashing your site with a simple syntax error.<\/p>\n\n\n\n
    A snippet plugin is a much better solution in such cases. I’ll recommend using WPCodeBox<\/a>, as it eliminates these risks by running your code safely in an isolated environment. This ensures your snippets remain active even when you change themes, and the plugin\u2019s built-in error protection automatically disables bad code before it breaks your site.<\/p>\n\n\n\n
    \"wpcodebox<\/a><\/figure>\n\n\n\n
    It also comes with a cloud sync feature that lets you store snippets in the cloud and use them across all your WordPress sites. You can manage everything from a single dashboard and use the conditional logic builder to control exactly where your code runs. It replaces dozens of single-purpose plugins with one professional plugin.<\/p>\n\n\n\n
    Now that you know why it\u2019s better to use WPCodeBox, let\u2019s look at how to add the snippet using the plugin:<\/p>\n\n\n\n
      \n
    1. Install and activate WPCodeBox from your WordPress Plugins menu.<\/li>\n\n\n\n
    2. Navigate to WPCodeBox 2 from your admin sidebar to open the code editor.<\/li>\n\n\n\n
    3. Name your snippet “Hide Admin Bar” so you can find it easily.<\/li>\n\n\n\n
    4. Paste the conditional snippet from the previous section into the editor.<\/li>\n\n\n\n
    5. Configure these settings:\n