Kiwik

<p>Add a Debug Bar to your WordPress website to debug and develop your themes, plugins, etc…</p>
<p>With the plugin you can find every variables you want to debug in the same place and use debug functions to display them.</p>
<h4>Prerequisites</h4>
<p>To fully help you to debug your website you need to add some code to your <code>wp-config.php</code> file.</p>
<pre><code>define( 'WP_DEBUG', true ); // PHP errors, notices and warnings will be displayed
define( 'SAVEQUERIES', true ); // Display queries in current page
define( 'WP_DISABLE_FATAL_ERROR_HANDLER', true ); // Disable WP Fatal error handler
</code></pre>
<h4>Usage of the debug functions</h4>
<p>To debug a simple variable you can use:</p>
<pre><code><?php dump( $var ); // Dump the variable(s) ?>
</code></pre>
<p>To debug a variable and stop the process after you can use:</p>
<pre><code><?php dd( $var ); // This will die after dumping the variable(s) ?>
</code></pre>
<h4>Debug a variable in the debug bar</h4>
<p>This is one of the main aspect of the plugin, to debug variables in a separate place.</p>
<p>The most difficult task when you debug a variable is to deal with container width, with the plugin you have a debug bar where you can add the variables of the current page.</p>
<p>To add a variable to the debug bar you can use the function bellow:</p>
<pre><code><?php kl_debug_add_var( $var ); ?>
</code></pre>
<p>You can add custom tabs in the debug bar to filter you variables:</p>
<pre><code><?php
kl_debug_add_var(
    $var, // The variable you want to debug
    'Your variable title', // If you want to name the variable
    'The section title', // The tab title
    'the-section-slug' // The tab slug
);
?>
</code></pre>
<h4>What’s Whoops in the setting panel?</h4>
<p>Whoops is the framework that we use to display error handling. (cf. Pretty error handler with stack frames)</p>


KL Debug

Friendly debug bar for developer, debug variables helpers and pretty error handler interface(powered by Whoops).

JOTAKI, Taisuke

<p>A WordPress plugin which shows the current template file name, the current theme name and included template files’ name in the tool bar. If you like this plugin, <a href="https://wp.tekapo.com/is-my-plugin-useful/" rel="nofollow ugc">you can buy me a coffee! 😉</a></p>
<p>Inspired by (and big thanks to):</p>
<ul>
<li>https://gist.github.com/gatespace/4482529</li>
<li>https://wordpress.org/plugins/reveal-template/</li>
</ul>


Show Current Template

Very useful for developers.

How about showing parts that are coming from get_template_part() as well?

Thank you!


Useful


Supports your own theme development or template localisation on client websites.


Helpful for development

A WordPress plugin which shows the current template file name, the current theme name and included template files' name in the tool bar.

KL Debug vs Show Current Template