Tran Ngoc Tuan Anh

FitWP

This plugin adds an extra panel to <a href="https://wordpress.org/plugins/debug-bar/" rel="ugc">Debug Bar</a> plugin that allows developers to output custom debug info.
Developers can log any variable to see its value when running PHP in WordPress. This helps developers see the real-time values of variables. It works exactly like <code>console.log()</code> in browsers.
<h4>How to add custom debug info</h4>
Add the following code wherever you want to debug a variable:
<pre><code>do_action( 'add_debug_info', $var, $label );
</code></pre>
where <code>$var</code> can has any data type.
<ul>
<li>If <code>$var</code> is a string or any simple value, the value is outputted directly.</li>
<li>If <code>$var</code> is an array or object, the output is the same as <code>print_r( $var )</code>.</li>
</ul>
And <code>$label</code> is the description label (optional).
<h4>How to view debug info</h4>
<ul>
<li>Click on Debug Bar in the top right of the admin bar</li>
<li>Select Custom Info panel (see <a href="https://wordpress.org/plugins/debug-bar-custom-info/screenshots/" rel="ugc">screenshots</a>)</li>
</ul>
<a href="http://fitwp.com/plugins/debug-bar-custom-info/" rel="nofollow ugc">Project Homepage</a> | <a href="https://github.com/fitwp/debug-bar-custom-info/issues" rel="nofollow ugc">Report Bugs</a> | <a href="http://www.deluxeblogtips.com/donate/" rel="nofollow ugc">Donate</a>

Debug Bar Custom Info

This plugin adds an extra panel to Debug Bar plugin that allows developers to output custom debug info.

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.

Debug Bar Custom Info vs Template Debugger