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

Christoph Daum

<p>This plugin enhances the AdminBar and adds links to development, staging and live version of your website, furthermore it allows you to choose a color scheme of your AdminBar for all users on a website, including the frontend.<br />
You also have to option to control the robots.txt visibility settings, in the newest version you get a watermark for posts that are in draft or scheduled, and a keyboard shortcut to hide the adminbar.</p>
<p>If you want to participate in the development <a href="https://github.com/apermo/apermo-adminbar" rel="nofollow ugc">head over to GitHub</a>!</p>


Apermo AdminBar

Every professional WordPress developer should have at least two environments when working on projects: development and production. But how often do you find yourself lost in these environments? @apermo done a great job solving this issue with this plugin. 

Conclusion: I can highly recommend this fantastic plugin!

Fantastic plugin!

This plugin helps tremendously if you want to switch between different versions of the website. (Staging, dev, live, etc.) 

Thank you!

Good Helper

This plugin allows you to add links between a development, staging and live version of your website, and adds them to the AdminBar.

Show Environment in Admin Bar vs Apermo AdminBar