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

Scott Kingsley Clark

<p>Pretty easy setup.. just install and activate it on the site of your choice (or network activate) and set up the settings however you’d like.</p>
<p>This plugin supports both Per-Site and Per-Network (WordPress Multisite) settings, so you can fine tune your options based on your needs.</p>
<p>Other plugins you might be interested in:</p>
<ul>
<li>Showing the Admin Bar in more cases – <a href="https://wordpress.org/plugins/always-show-admin-bar/" rel="ugc">Always Show Admin Bar plugin</a></li>
<li>Showing the Admin Bar to logged out users – <a href="https://wordpress.org/plugins/logged-out-admin-bar/" rel="ugc">Logged Out Admin Bar plugin</a></li>
<li>Customizing the Admin area based on role – <a href="https://wordpress.org/plugins/adminimize/" rel="ugc">Adminimize</a></li>
</ul>


Admin Bar Disabler

Pretty easy setup.. just install and activate it on the site of your choice (or network activate) and set up the settings however you'd like.

KL Debug vs Admin Bar Disabler