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).

Freemius

Ankit Panchal

Sia Panchal

<p><strong>Hide Admin Bar Based On User Roles</strong> gives you complete control over who sees the WordPress toolbar.</p>
<p>Whether you are running a membership site, a WooCommerce store, or simply want a cleaner frontend for your subscribers, this plugin lets you hide the admin bar with precision — by role, capability, device, page, or time. Stop exposing backend links to users who don’t need them.</p>
<p>The plugin is lightweight, developer-friendly, and works immediately upon activation — no configuration required to get started.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/25WBldgArAk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_BAwxGVnKNY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<blockquote>
<p>Simple but great plugin. 🙂<br />
  – <a href="https://wordpress.org/support/topic/simple-but-great-plugin-12/" rel="ugc">wptoolsdev</a></p>
<p>Works flawlessly! 🙂<br />
  – <a href="https://wordpress.org/support/topic/works-flawlessly-129/" rel="ugc">thebrazeneye</a></p>
</blockquote>
<h3>🚀 Key Features (Free)</h3>
<ul>
<li><strong>Hide for All Users:</strong> Completely remove the admin bar from the frontend for everyone.</li>
<li><strong>Hide for Guests:</strong> Ensure non-logged-in visitors never see the toolbar.</li>
<li><strong>Role-Based Hiding:</strong> Select specific roles (e.g., Subscriber, Customer, Editor) to hide the bar for.</li>
<li><strong>Capability-Based Hiding:</strong> Hide the bar based on WordPress capabilities (e.g., hide for anyone who cannot <code>manage_options</code>).</li>
<li><strong>Lightweight & Fast:</strong> Zero bloat — no external requests, no database overhead on the frontend.</li>
</ul>
<h3>🏆 Premium Features (Pro)</h3>
<p>Unlock advanced visibility logic with the <a href="https://pluginstack.dev/plugins/hide-admin-bar-pro" rel="nofollow ugc">Pro version</a>:<br />
* <strong>Page-Based Targeting:</strong> Show or hide the admin bar only on specific URLs, post types, or page templates.<br />
* <strong>Device Detection:</strong> Hide the toolbar on Mobile or Tablet to save screen space, while keeping it on Desktop.<br />
* <strong>Per-User Overrides:</strong> Manually force the admin bar to show or hide for individual user accounts.<br />
* <strong>Time-Based Visibility:</strong> Automatically hide the bar during specific hours of the day.<br />
* <strong>Smart Redirects:</strong> Redirect users to the homepage or a custom URL when they try to access the backend.<br />
* <strong>Inactivity Auto-Hide:</strong> Automatically slide the toolbar away after a configurable period of inactivity.<br />
* <strong>Import / Export Settings:</strong> Back up and migrate your configuration across sites in one click.</p>
<h3>You can check our other plugins:</h3>
<ol>
<li><a href="https://wordpress.org/plugins/ultimakit-for-wp/" rel="ugc">All-in-One WordPress Toolkit for SEO, Security, Customization, and Performance</a></li>
<li><a href="https://wordpress.org/plugins/like-dislike-for-wp/" rel="ugc">Like Dislike For WP</a></li>
<li><a href="https://wordpress.org/plugins/disable-block-editor-fullscreen-mode/" rel="ugc">Disable Block Editor FullScreen mode</a></li>
<li><a href="https://wordpress.org/plugins/noteflow/" rel="ugc">NoteFlow – Smart Notes Manager for WordPress Admin</a></li>
</ol>


Hide Admin Bar Based on User Roles

I have tried one more plugin of this developer and I am very impressed with it. This plugin is also great with rich features.
Thanks for your work.

Simple but great plugin.

Hide the WordPress Admin Bar for specific user roles, capabilities, devices, pages, or time windows. The ultimate toolbar control plugin for membershi …

Show Environment in Admin Bar vs Hide Admin Bar Based on User Roles