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

The <a href="https://jeweltheme.com/admin-bar-editor" rel="nofollow ugc">Admin Bar Editor</a> plugin revolutionizes how you customize and manage the WordPress admin bar and toolbar.
Whether you need to move admin bar position, style your toolbar, or control admin bar permissions, this powerful plugin provides complete customization options for both backend and frontend admin bars.
Easily hide admin bar elements, add custom menu items, create nested submenus, and manage toolbar visibility for different user roles. From changing admin bar colors to controlling dropdown menus, every aspect of your WordPress toolbar can be personalized to match your workflow.
The Admin Bar Editor offers intuitive tools to disable frontend admin bar, customize toolbar appearance, and manage admin bar access across your entire WordPress site.
<a href="https://demo.pixarlabs.com/?pl-product=admin-bar" rel="nofollow ugc">Live Demo</a> | <a href="https://jeweltheme.com/docs/admin-bar-editor" rel="nofollow ugc">Docs</a> | <a href="https://wordpress.org/support/plugin/admin-bar/#new-topic-0" rel="ugc">Support</a> | <a href="https://jeweltheme.com/admin-bar-editor" rel="nofollow ugc">Upgrade Pro</a>
<h3>🚀 Why Admin Bar Editor?</h3>
<ol>
<li>
One-Click Frontend Admin Bar Disabling: Disable the frontend Admin Bar with a single click, providing a cleaner look and distraction-free experience for your website visitors.
</li>
<li>
User-Specific Admin Bar Management: Customize the frontend visibility of the Admin Bar for individual users or specific roles, ensuring a personalized and role-appropriate interface.
</li>
<li>
Selective Option Visibility: Hide certain Admin Bar options to declutter the interface, focusing on the tools and shortcuts that matter most to you and your team.
</li>
<li>
Role-Based Option Hiding: Customize the Admin Bar’s appearance on a per-role basis, hiding irrelevant options for different user roles to streamline their admin experience.
</li>
<li>
Icon Customization: Change the icons for existing Admin Bar options to match your brand or personal preference, adding a touch of personality to your admin space.
</li>
<li>
Menu Renaming and Linking: Rename Admin Bar option titles and links, allowing for a more intuitive and customized navigation experience within your WordPress environment.
</li>
<li>
Change Admin Bar Logo: Replace the default WordPress logo on the admin bar with your custom logo. Showcase your brand or add a personal touch to the dashboard.
</li>
<li>
Drag-and-Drop Reordering: Reorder the position of Admin Bar items with an intuitive drag-and-drop interface, enabling you to prioritize the options according to your workflow.
</li>
<li>
Addition of New Items: Expand the Admin Bar’s functionality by adding new items, providing quick access to your most-used pages, tools, or external resources.
</li>
<li>
Sub-Item Integration: Integrate sub-items under existing options, organizing your Admin Bar into a more efficient and user-friendly hierarchy.
</li>
<li>
Drag-and-Drop Reordering: Reorder the position of Admin Bar items with an intuitive drag-and-drop interface, enabling you to prioritize the options according to your workflow.
</li>
<li>
Responsive Design: The admin bar customization seamlessly adapts to different screen sizes, ensuring a consistent experience across desktops, tablets, and mobile devices.
</li>
<li>
Easy to Use Interface: The plugin offers an intuitive and user-friendly interface for customization, making it accessible to users of all skill levels. No coding knowledge is required to personalize your admin bar.
</li>
</ol>
<h3>Advanced Customization Features</h3>
Admin Bar Position Control: Easily move the admin bar position from top to bottom.
Frontend Toolbar Management: Complete control over the WordPress toolbar on your site’s frontend.
Custom Menu Structure: Add toolbar menu items and create nested dropdown menus. Create up to 3 child menus per item. Add custom links, icons and also implement role based accessibility for all menus and sub menus.
Advanced Styling Options (PRO):
<ul>
<li>Transform your admin bar with custom background colors and gradients</li>
<li>Personalize text colors and hover effects</li>
<li>Style dropdown menus to match your brand</li>
<li>Customize the “New” button appearance</li>
</ul>
Role-Based Access Control
<ul>
<li>Hide admin bar for specific users or entire user roles</li>
<li>Manage admin bar permissions with precision</li>
<li>Create custom toolbar views for different user types</li>
<li>Control admin bar access across your entire WordPress site</li>
</ul>
<h3>Technical Features</h3>
<ul>
<li>Seamless integration with WordPress core toolbar functionality</li>
<li>Compatible with all major WordPress themes and plugins</li>
<li>Optimized for performance with minimal impact on page load times</li>
<li>Regular updates to ensure compatibility with the latest WordPress versions</li>
</ul>
<h3>Use Cases</h3>
For Developers: Streamline the admin toolbar for client websites 
For Agencies: Maintain brand consistency across multiple WordPress installations 
For Multi-User Sites: Configure different toolbar layouts for various user roles 
For Site Owners: Simplify the WordPress admin experience for your team
<h3>Plugin Highlights</h3>
<ul>
<li>Edit admin bar items without coding</li>
<li>Customize WordPress toolbar appearance</li>
<li>Manage admin toolbar access efficiently</li>
<li>Create intuitive navigation structures</li>
<li>Control frontend admin bar display</li>
<li>Move admin bar position (top/bottom) with one click</li>
<li>Style admin bar colors and gradients (PRO)</li>
<li>Hide admin bar for specific user roles</li>
<li>Add custom links to admin toolbar dropdowns</li>
<li>Organize menu items with drag-and-drop simplicity</li>
<li>Create multi-level submenu structures</li>
<li>Set custom icons for toolbar items</li>
<li>Control admin bar visibility per page or site-wide</li>
<li>Manage frontend toolbar permissions</li>
<li>Customize admin bar text and background colors</li>
<li>Remove or disable specific admin bar elements</li>
<li>Add new menu items to WordPress toolbar</li>
<li>Configure admin bar access by user role</li>
<li>Style dropdown menus to match your theme</li>
<li>Replace default WordPress admin bar logo</li>
<li>Create role-specific toolbar layouts</li>
<li>Adapt admin bar for mobile devices</li>
<li>Set conditional toolbar visibility rules</li>
<li>Manage secondary toolbar menu items (PRO)</li>
</ul>
<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>

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

Hide Admin bar or toolbar based on user role and add custom links, reorder, change WordPress logo & howdy text. Change bar position, background color.

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