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

Barry Kooij

Never5

<p>What The File adds an option to your toolbar showing what file and template parts are used to display the page you’re currently viewing.</p>
<p>You can click the file name to directly edit it through the theme editor, though I don’t recommend this for bigger changes.</p>
<p>What The File supports BuddyPress and Roots Theme based themes.</p>
<p>More information can be found <a href="http://www.barrykooij.com/what-the-file/" rel="nofollow ugc">here</a>.</p>
<h4>Looking for a great related posts plugin for WordPress?</h4>
<p>Another plugin I’ve built, that I’m very proud of is Related Posts for WordPress. Related Posts for WordPress offers you the ability to link related posts to each other with just 1 click! And it’s 100% free! <a href="https://wordpress.org/plugins/related-posts-for-wp/" rel="ugc">Check it out on the WordPress repository.</a></p>


What The File

This is great plugin to check templates file. It saves a lot of development time with 100% accuracy for me. Thanks to the developers team who worked for this plugin. Every WordPress developer should have this installed during development tier of their website.

Simple, but superb plugin

cool. very helpful !!!!

What The File is the best tool to find out what template parts are used to display the page you're currently viewing!

KL Debug vs What The File