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

Benbodhi

<p>Add 3 new menu locations to the WordPress toolbar so you can quickly and easily create your own custom toolbar menus using the built in WordPress menus page.<br />
Supports multi level and works seamlessly with the existing toolbar menus.</p>
<h4>Locations</h4>
<ul>
<li>First menu location is under the ‘Site Name’ menu dropdown on the left side.</li>
<li>Second menu location is along the main toolbar.</li>
<li>Third menu location is under the ‘Howdy / My Account’ dropdown.
<p>Super simple to use, just like building any other menu in WordPress using the menus page.<br />
No settings, just ‘plug and play’.</li>
</ul>
<h4>Features</h4>
<ul>
<li>Simple toolbar menu customization using WordPress menus</li>
<li>Seamless integration with the existing WordPress menus</li>
<li>No Settings, just ‘plug and play’</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>I am open to your suggestions and feedback – Thanks for checking out this plugin!</li>
<li>Hit me up via the support forums or <a href="https://benbodhi.com/" rel="nofollow ugc">my website</a></li>
<li>Follow <a href="https://twitter.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Twitter</li>
</ul>
<h3>Translations</h3>
<ul>
<li>English – default, always included</li>
<li><em>Your translation? – <a href="mailto:wp@benbodhi.com" rel="nofollow ugc">Just send it in</a></em></li>
</ul>
<p><em>Note:</em> This plugin is localized/translateable by default. This is very important for all users worldwide. So please contribute your language to the plugin to make it even more useful. For translating I recommend the awesome <a href="https://wordpress.org/extend/plugins/codestyling-localization/" rel="ugc">“Codestyling Localization” plugin</a> and for validating the <a href="http://www.poedit.net/" rel="nofollow ugc">“Poedit Editor”</a>.</p>
<h3>Additional Info</h3>
<p><strong>Idea Behind / Philosophy:</strong> This is something that I have found super useful when it comes to customizing WordPress. I have been writing custom menus for quite a while and realised there is not much out there like this. No more code snippets, copy pasting or including files, simply install the plugin and away you go using the built in WordPress menus. A simple but powerful plugin to give you more customization powers over the admin toolbar.</p>
<h3>Future Features</h3>
<ul>
<li>More power over menu locations with options to pick which locations you want to use and the menu order in relation to existing WordPress menus.</li>
<li>Options page to remove other standard toolbar menu items.<br /><em>(you can uncomment these in the code now if you’re keen 😉</em></li>
<li>Ability to change the WordPress “Howdy” welcome message</li>
</ul>


Admin Toolbar Menus

Seamlessly adds 3 new menu locations to the admin toolbar.

KL Debug vs Admin Toolbar Menus