Paul Biron

<p>If you’re like me, you often have multiple versions of the same WordPress site open in different browser windows, e.g.,  production in one window and development in another window.</p>
<p>And if you’re like me, you have also unwittingly edited content in the production environment thinking you were doing so in the development environment or vice versa.</p>
<p>If so, then this plugin is for you!</p>
<p>It adds an indication of the current environment to the Admin Bar that is easier to see than examining the URL in your browser’s address bar.</p>
<h3>Out-of-the-box behavior</h3>
<p>Out-of-the-box, 2 different environments are recognized:</p>
<ul>
<li>Production
<ul>
<li>The node added to the Admin Bar has a red background (i.e., Stop/be careful with any changes you make).</li>
<li>If neither a staging, QA, nor development environment is detected, then <code>Prod</code> is displayed in the Admin Bar.</li>
</ul>
</li>
<li>Development
<ul>
<li>The node added to the Admin Bar has a green background (i.e., Go ahead, it is safe to make changes).</li>
<li>If WP is running on localhost (either a loopback IP address or LAN IP address), then <code>Local</code> displays in the Admin Bar.</li>
<li>If WP_DEBUG is defined & true, then <code>Dev</code> displays in the Admin Bar.</li>
</ul>
</li>
</ul>
<h3>Customizing the out-of-the-box behavior</h3>
<p>Two additional environments are supported, but cannot be automatically detected:</p>
<ul>
<li>Staging
<ul>
<li>The node added to the Admin Bar has a yellow-ish background (i.e., Slow down, changes <em>might</em> make it into the production site).</li>
<li>For information on how to enable this environment, see the <a href="https://github.com/pbiron/shc-show-env/" rel="nofollow ugc">documentation</a>.</li>
</ul>
</li>
<li>QA
<ul>
<li>The node added to the Admin Bar has a blue background (i.e., “It’s cool”, changes you make won’t affect the production site).</li>
<li>For information on how to enable this environment, see the <a href="https://github.com/pbiron/shc-show-env/" rel="nofollow ugc">documentation</a>.</li>
</ul>
</li>
</ul>


Show Environment in Admin Bar

Super handy if you are click-happy with your mouse like me. Red "Prod" badge in admin bar is effective way to prevent you from accidentally messing up the production

Essential plugin when working in multiple environments

I'm like the author. I sometimes change admin color, but can never remember what color I set for Prod vs Dev.

Useful for developers like us

Add an indication to the Admin Bar of the environment WordPress is running in (e.g., Prod, Staging, QA, Dev, etc).

Dhrumil Kumbhani

Chirag Rathod

<p>Remove WP Admin Bar is a lightweight and powerful WordPress plugin that allows you to control the visibility of the WordPress admin bar based on user roles.</p>
<p>The WordPress admin bar (toolbar) appears on the front end for logged-in users. While it is useful for administrators and editors, it can be distracting, unnecessary, or confusing for subscribers, customers, contributors, or clients.</p>
<p>This plugin gives you full control over who can see the admin bar — without writing a single line of code.</p>
<p>Perfect for membership sites, WooCommerce stores, client websites, LMS platforms, multi-author blogs, and agency-managed WordPress installations.</p>
<h4>Why Remove the WordPress Admin Bar?</h4>
<p>The admin bar may:</p>
<p>• Distract front-end users<br />
• Break design consistency<br />
• Interfere with custom themes<br />
• Confuse customers or subscribers<br />
• Impact user experience on membership sites</p>
<p>With Remove WP Admin Bar, you can create a clean, professional, and distraction-free front-end experience.</p>
<h4>Key Features</h4>
<h4>Role-Based Admin Bar Control</h4>
<p>Choose exactly which user roles can see the admin bar and which cannot. Supports all default WordPress roles and custom user roles.</p>
<h4>Clean Front-End Experience</h4>
<p>Hide the admin bar for non-admin users to maintain a polished website design.</p>
<h4>One-Click Configuration</h4>
<p>Simple settings page. No coding required. Enable or disable admin bar visibility in seconds.</p>
<h4>Works with Custom User Roles</h4>
<p>Compatible with membership plugins and custom role management plugins.</p>
<h4>SEO & Performance Friendly</h4>
<p>Removing unnecessary UI elements improves user experience and may contribute to better engagement metrics.</p>
<h4>Lightweight & Optimized</h4>
<p>Minimal code, no performance overhead, fully optimized for speed.</p>
<h4>Use Cases</h4>
<p>• Hide admin bar for WooCommerce customers<br />
• Remove admin bar for subscribers<br />
• Disable admin bar on membership sites<br />
• Clean up UI for client websites<br />
• Improve user experience for logged-in users<br />
• Create distraction-free front-end environments</p>
<h4>Compatible With</h4>
<p>• Latest WordPress versions<br />
• Gutenberg Block Editor<br />
• Classic Editor<br />
• WooCommerce<br />
• Membership plugins<br />
• LMS plugins<br />
• Most modern WordPress themes</p>
<h4>How It Works</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>Go to Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Remove WP Admin Bar.</li>
<li>Select the user roles for which you want to hide the admin bar.</li>
<li>Save changes.</li>
<li>Done!</li>
</ol>
<p>The admin bar will now be hidden based on your selected roles.</p>
<h4>Benefits of Using Remove WP Admin Bar</h4>
<p>• Better user experience<br />
• Cleaner website appearance<br />
• Improved professionalism<br />
• Role-based flexibility<br />
• Easy configuration<br />
• No coding required</p>
<p>If you’re looking for a simple and reliable way to remove the WordPress admin bar for specific users, this plugin is the perfect solution.</p>
<p>Install Remove WP Admin Bar today and create a cleaner, more focused WordPress experience.</p>


Remove WP Admin Bar


I have used this plugin and it is more usable and lightweight plugin. It is useful when you do not want to show the admin bar when you login with the admin user.


Great Experience

Enhance your WordPress site's user experience with the Remove WP Admin Bar. Easily customize admin bar visibility for a cleaner interface.

Show Environment in Admin Bar vs Remove WP Admin Bar