Treehouse: Grow your CSS skills. Land your dream job.

Last updated on:

Remove Admin Bar For Subscribers

You might want open registration on your WordPress site so that (for one small example) people can log in and leave comments on things without needing to type their name/url/email every time. But these users probably don't need to see the whole top admin bar as there likely isn't much use in it for them. Although do be sure to provide a link to edit their profile and log out.

This would be for your functions.php file or functionality plugin:

add_action('set_current_user', 'cc_hide_admin_bar');
function cc_hide_admin_bar() {
  if (!current_user_can('edit_posts')) {
    show_admin_bar(false);
  }
}

Comments

  1. Dustin
    Permalink to comment#

    Didn’t work for me. It still shows up for all users. Is it a problem with the set_current_user hook? I ended up using on of the options in this article: http://digwp.com/2011/04/admin-bar-tricks/#disable-for-non-admins.

  2. Lars Koudal
    Permalink to comment#

    Hiya, just wanted to let you know your code works fine in 3.5.1 Admin bar shows up for admins, but not normal subscriber level users.

  3. Cody Martens

    I couldn’t get it to work. set_current_user is a depreciated function. I hooked it to wp_footer instead and it did the trick. Although, it’s still adding 28px padding to the top of the html tag.

  4. Hijas
    Permalink to comment#

    i’m using S2 member plugin, can i use this code in function.php…?

  5. codeFiEnD
    Permalink to comment#

    I got it to work for me. Thanks a ton.

  6. Parag
    Permalink to comment#

    Finally got it. The Admin WP bar is removed. Good article.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```