Paul Biron

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.
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.
If so, then this plugin is for you!
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.
<h3>Out-of-the-box behavior</h3>
Out-of-the-box, 2 different environments are recognized:
<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>
Two additional environments are supported, but cannot be automatically detected:
<ul>
<li>Staging
<ul>
<li>The node added to the Admin Bar has a yellow-ish background (i.e., Slow down, changes might 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).

ChubbyNinjaa

Do you get frustrated trying to work out what the template file you’re editing is? Ever had to echo/print some text to see if WordPress is picking up the file you expect it to?
If yes, then give this plugin a try, it simply adds a handy dropdown at the top of the admin bar giving you the ability to quickly see what theme template file(s) is being used, as well as what other files are being included, from themes and plugins.
Never get frustrated with creating child themes again, using Template Debugger you can generate a new child theme based on one of the installed parent themes, and Template Debugger does all the leg work! Just fill out the input fields and Template Debugger will create the theme directory, add in the style.css and functions.php
Plugin features:
<ul>
<li>
Quickly find out what template file(s) are being used
</li>
<li>
See where they’re included
</li>
<li>
See what plugin template files are in use
</li>
<li>
Create new page templates from post editing screen
</li>
<li>
Create child themes from a parent theme
</li>
<li>
… Got an idea for a feature?? Cool! Drop me a message in the support forum
</li>
</ul>

Template Debugger

It make the process of theme customization so much easier, I use it on every WordPress website I develop !



A must have

useful

Intended for Developers: This template debugger helps you identify what template files are being used on the page you're viewing.

Show Environment in Admin Bar vs Template Debugger