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

Jeremy Saxey

<p>Easily hide or show the front-end WordPress Admin Toolbar with a click of a button. The plugin adds a special button to the right side of the WordPress Admin Toolbar that only displays when you are outside the admin area of WordPress on the front-end. Clicking it will make the admin bar slide off the page to the top left corner, leaving only the hide/show button visible. Clicking the button again will restore the Toolbar to its original position. The shown/hidden position is remembered between page visits so that it can be kept hidden away until you are ready to bring it back.</p>
<p>There are no options or configuration. Just install and activate the plugin. When you exit the admin area, you will see the button to the far right of the Toolbar.</p>
<p>I actually like the WordPress Toolbar. It’s a convenient way to go back and forth from the admin area to the public website. However, when I’m doing design modifications for a theme, the Toolbar can be visually distracting. I wanted a quick way to hide the WordPress Toolbar when needed, but otherwise keep it around. I tried several plugins but they didn’t work as I wanted or didn’t even work at all in some cases. So I decided to build my own.</p>
<h4>Contributions Welcome</h4>
<p>This plugin is on Github. <a href="https://github.com/jr00ck/hide-wp-toolbar" rel="nofollow ugc">Submit a pull request</a> if you’d like to contribute.</p>


Hide WP Toolbar

I had tried several plugins that this was the one that has the toogle feature that I love

Unique

Easily hide or show the front-end WordPress Admin Toolbar with a click of a button.

KL Debug vs Hide WP Toolbar