Kiwik

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.
<h4>Prerequisites</h4>
To fully help you to debug your website you need to add some code to your <code>wp-config.php</code> file.
<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>
To debug a simple variable you can use:
<pre><code><?php dump( $var ); // Dump the variable(s) ?>
</code></pre>
To debug a variable and stop the process after you can use:
<pre><code><?php dd( $var ); // This will die after dumping the variable(s) ?>
</code></pre>
<h4>Debug a variable in the debug bar</h4>
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:
<pre><code><?php kl_debug_add_var( $var ); ?>
</code></pre>
You can add custom tabs in the debug bar to filter you variables:
<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>
Whoops is the framework that we use to display error handling. (cf. Pretty error handler with stack frames)

KL Debug

Friendly debug bar for developer, debug variables helpers and pretty error handler interface(powered by Whoops).

Jewel Theme

Liton Arefin

Pixar Labs

vtsvang

Admin Bar Editor lets you visually customize the WordPress toolbar (admin bar) for both backend and frontend so you can keep what matters and hide what does not.
You can quickly disable the frontend admin bar, turn off specific toolbar items, and reorganize menus with a clean drag-and-drop interface – no code required. This makes the toolbar faster to use for you, your team, and your clients.
<a href="https://jeweltheme.com/admin-bar-editor?utm_source=wordpressorg&utm_medium=readme&utm_campaign=admin-bar" rel="nofollow ugc">Admin Bar Editor Pro</a> | <a href="https://demo.pixarlabs.com/?pl-product=admin-bar" rel="nofollow ugc">Try Live Demo</a> | <a href="https://jeweltheme.com/docs/admin-bar-editor/plugin-installation?utm_source=wordpressorg&utm_medium=readme&utm_campaign=admin-bar" rel="nofollow ugc">Documentation</a>
<h4>Why customize the WordPress admin bar?</h4>
The default admin bar often gets cluttered with links from themes, plugins, and WordPress core. This can:
<ul>
<li>Distract non-technical users with unnecessary options.</li>
<li>Slow down power users who need quick access to key tools.</li>
<li>Look confusing on membership, LMS, or WooCommerce sites where many users log in.</li>
</ul>
Admin Bar Editor gives you precise control over what appears in the toolbar so each role sees a clean, focused experience.
<h4>Who is Admin Bar Editor for?</h4>
<ul>
<li>Site Owners & Bloggers – Hide clutter, keep only the shortcuts you actually use.</li>
<li>Agencies & Freelancers – Deliver white-labeled, role-based toolbars for client sites.</li>
<li>Membership, LMS & Community Sites – Simplify the frontend admin bar for members and instructors.</li>
<li>Product & Support Teams – Create focused dashboards for editors, authors, and support users.</li>
</ul>
<h4>How Admin Bar Editor works</h4>
The plugin adds an AdminBar Editor page in your dashboard with three main sections: Backend, Frontend, and Advanced.
<ul>
<li>In Backend, you control the admin bar that appears inside wp-admin. You can toggle core items like the WordPress logo, site name, comments, updates, and the “New” menu, and adjust submenu visibility.</li>
<li>In Frontend, you manage the toolbar shown on the public side of your site, including a global switch to disable the frontend admin bar.</li>
<li>In Advanced, you can change the admin bar position (top or bottom) and, in Pro, style colors, gradients, and button appearance.</li>
</ul>
All changes are applied instantly when you save settings and can be adjusted at any time.
<h4>Why Admin Bar Editor is different</h4>
<ul>
<li>Focuses specifically on toolbar usability instead of being a general admin theme.</li>
<li>Uses a simple, visual layout with toggles and drag-handles so non-technical users can edit the bar safely.</li>
<li>Built with role-based workflows in mind, so administrators can create different toolbar experiences for different user types (with Pro).</li>
<li>Designed to be lightweight and compatible with modern WordPress sites, including popular themes and plugins.</li>
</ul>
<h3>Free Features</h3>
The free version includes everything you need to clean up and simplify the WordPress admin bar.
Backend toolbar control
<ul>
<li>Enable/disable core admin bar items such as:
<ul>
<li>WordPress logo menu</li>
<li>Site name / visit site</li>
<li>Updates</li>
<li>Comments</li>
<li>“New” content menu and its default sub-items (Post, Media, Page, User)</li>
</ul>
</li>
<li>Toggle each item with an easy on/off switch – no code editing.</li>
<li>Use drag-and-drop handles to reorder items in the backend admin bar.</li>
<li>Expand items to manage visibility of built-in submenu entries like Post, Media, Page, and User.</li>
</ul>
Frontend toolbar control
<ul>
<li>Disable or enable the frontend admin bar globally with a single switch.</li>
<li>Hide or show the toolbar for all logged-in users on the frontend.</li>
<li>Hide or show the toolbar for all guest (non-logged-in) users where applicable.</li>
<li>Manage visibility of core frontend admin bar items with switches and drag-and-drop ordering.</li>
</ul>
Basic admin bar layout
<ul>
<li>Move the admin bar position from the top of the screen to the bottom (global option).</li>
<li>Apply the position change consistently for both backend and frontend views.</li>
</ul>
Safe defaults and compatibility
<ul>
<li>Uses native WordPress toolbar APIs to avoid touching core files.</li>
<li>Works with any theme and most plugins that add their own admin bar items.</li>
<li>Stores settings in the database so your configuration persists through updates and re-activations.</li>
</ul>
<h3>Pro Features</h3>
Upgrade to Pro when you need finer control over who sees the admin bar, plus advanced styling and custom menus.
Custom admin bar menus (Pro)
<ul>
<li>Add new top-level items to the admin bar with custom titles and URLs.</li>
<li>Add custom submenu items under existing or new menu entries.</li>
<li>Build role-aware shortcuts to dashboards, docs, tools, or external services for your team or clients.</li>
</ul>
Role- and user-based toolbar visibility (Pro)
<ul>
<li>Disable the frontend admin bar for specific user roles while keeping it visible for others.</li>
<li>Disable the frontend admin bar for specific usernames when you need per-user control.</li>
<li>Combine global, role, and user rules to design clean toolbars for each audience.</li>
</ul>
Advanced styling: background, text, dropdowns, button (Pro)
The Advanced → Styles tab unlocks visual customization for the toolbar.
<ul>
<li>Set a custom background color for the admin bar.</li>
<li>Use a gradient background to match your brand.</li>
<li>Customize text color across the toolbar.</li>
<li>Style the dropdown appearance for menu groups.</li>
<li>Change the “New” button style and color for better visual hierarchy.</li>
</ul>
These options help agencies and brand-focused sites keep the toolbar consistent with their design system.
<a href="https://jeweltheme.com/admin-bar-editor?utm_source=wordpressorg&utm_medium=readme&utm_campaign=admin-bar" rel="nofollow ugc">Upgrade to Admin Bar Editor Pro →</a> for advanced role control, custom menus, and full toolbar styling.
<h3>🙌 Support</h3>
For any questions, get in touch with us via our <a href="https://wordpress.org/support/plugin/admin-bar/#new-topic-0" rel="ugc">Contact Page</a>
<h3>How It Works</h3>
Admin Bar Editor hooks into WordPress’s built-in toolbar system and lets you manage items through an options panel instead of code.
<ul>
<li>When you toggle or reorder an item, the plugin records that layout in the database and applies it each time the admin bar is rendered.</li>
<li>Free users can control existing toolbar items and the global frontend bar, while Pro users unlock custom menu entries, per-role visibility, and advanced styling.</li>
<li>Deactivating the plugin restores the default WordPress admin bar; reactivating brings back your saved configuration.</li>
</ul>

Admin Bar Editor – Toolbar Customization with User Role based access & Custom menus


Helps remove the clutter of those plugins that add stuff in admin bar. I think that if you have a plugin, there should be an option to not have something up there. After a while there is too much stuff there.


Removes the clutter

Take full control of your WordPress admin bar: hide items, reorder menus, and design a cleaner toolbar for every user.

KL Debug vs Admin Bar Editor – Toolbar Customization with User Role based access & Custom menus