KL Debug

Add a Debug Bar to your WordPress website to debug and develop your themes, plugins, etc…

With the plugin you can find every variables you want to debug in the same place and use debug functions to display them.

Prerequisites

To fully help you to debug your website you need to add some code to your wp-config.php file.

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

Usage of the debug functions

To debug a simple variable you can use:

<?php dump( $var ); // Dump the variable(s) ?>

To debug a variable and stop the process after you can use:

<?php dd( $var ); // This will die after dumping the variable(s) ?>

Debug a variable in the debug bar

This is one of the main aspect of the plugin, to debug variables in a separate place.

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.

To add a variable to the debug bar you can use the function bellow:

<?php kl_debug_add_var( $var ); ?>

You can add custom tabs in the debug bar to filter you variables:

<?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
);
?>

What’s Whoops in the setting panel?

Whoops is the framework that we use to display error handling. (cf. Pretty error handler with stack frames)