DeClutterDash

My Dashboard Navbar for WordPress - I was tired of the same old long menu... DeClutterDash is a powerful WordPress admin menu replacement that declutters your dashboard by converting the traditional sidebar menu into a sleek, customizable dropdown navigation system.

Description

DeClutterDash transforms your WordPress admin experience by replacing the default sidebar menu with a modern, space-efficient dropdown navigation bar. Perfect for users who want a cleaner, more organized admin interface with quick access to frequently used menu items.

Key Features

• Dropdown Menu System - Clean, searchable dropdown menu that replaces the traditional sidebar
• Pin to Navbar - Pin your most-used menu items directly to the navbar for instant access
• Drag & Drop Reordering - Easily reorder pinned items by dragging and dropping
• Quick Access Buttons - Pre-configured quick access to Plugins, Site Health, and Themes
• Notification Badges - Visual indicators for pending comments, updates, and more
• Slide-Out Menu - Full menu access via a convenient slide-out panel
• Fully Customizable - Customize colors, sizes, and appearance to match your preferences
• Parent/Child Indicators - Clear visual hierarchy showing menu relationships
• Responsive Design - Works seamlessly on desktop and mobile devices
• Zero Configuration - Works out of the box with sensible defaults

Installation

Automatic Installation

1. Log in to your WordPress admin panel
2. Navigate to Plugins > Add New
3. Search for "DeClutterDash" on your device.
4. Click Install Now and then Activate

Manual Installation

1. Download the plugin files
2. Upload files to /wp-content/plugins/
3. Activate the plugin through the Plugins menu in WordPress

Configuration

After activation, the plugin works immediately with default settings. To customize the appearance:

1. Navigate to Settings > Menu Dropdown
2. Adjust the following options:

Button Settings

• Button Size - Choose between Small, Medium, or Large for pinned buttons
• Button Background Color - Set the background color for pinned buttons
• Button Text Color - Set the text color for pinned buttons

Navbar Settings

• Navbar Background Color - Customize the navbar container background
• Quick Access Button Background - Set background color for quick access buttons
• Quick Access Button Text - Set text color for quick access buttons

Badge Settings

• Show Badges - Enable/disable notification badges on menu items
• Badge Color - Customize the color of notification badges

Click Save Settings to apply your changes.

Usage

Using the Dropdown Menu

1. Click the Menu button in the navbar
2. Browse through all available menu items with icons
3. Click any item to navigate to that page
4. Use the + button next to items to pin them to the navbar

Pinning Menu Items

1. Open the dropdown menu
2. Hover over any menu item
3. Click the + button that appears
4. The item will be added to your navbar as a pinned button

Reordering Pinned Items

1. Click and drag any pinned button
2. Drop it in your desired position
3. The new order is automatically saved

Removing Pinned Items

1. Hover over a pinned button in the navbar
2. Click the × icon that appears
3. The item will be removed from your navbar

Slide-Out Menu

1. Click the ☰ (hamburger) icon in the navbar
2. Browse the full menu in the slide-out panel
3. Click items with submenus to expand them
4. Click the × or press ESC to close

Quick Access Buttons

The navbar includes quick access buttons for:

• Plugins - Direct access to the plugins page
• Site Health - Quick link to site health status
• Themes - Instant access to theme management

Features in Detail

Notification Badges

The plugin automatically displays badges for:

• Pending comments awaiting moderation
• Available plugin updates
• Core WordPress updates
• Pending posts and pages

Badge counts update in real-time and can be toggled on/off in settings.

Menu Hierarchy

Parent menu items are clearly marked with a "-" suffix, while child items are prefixed with "- " for easy identification of menu structure.

Responsive Design

The plugin adapts to different screen sizes:

• Desktop: Full-featured navbar with all options
• Mobile: Optimized layout with stacked elements

Frequently Asked Questions

Does this plugin affect the frontend of my site?

No, DeClutterDash only modifies the WordPress admin area. Your website's frontend remains completely unchanged.

Will my pinned items be saved?

Yes, all pinned items and their order are saved in your browser's localStorage, so they persist across sessions.

Can I restore the default WordPress menu?

Yes, simply deactivate the plugin to restore the original WordPress admin menu.

Does this work with all WordPress themes?

Yes, DeClutterDash works with all WordPress themes as it only modifies the admin area, not the frontend.

Are my settings saved per user?

Yes, pinned items and preferences are stored per user in the browser, so each user can have their own customized navbar.

Can I customize the colors?

Absolutely! Navigate to Settings > Menu Dropdown to customize all colors including navbar, buttons, and badges.

Changelog

1.0.0

• Initial release
• Dropdown menu system
• Pin to navbar functionality
• Drag & drop reordering
• Quick access buttons
• Notification badges
• Slide-out menu
• Full customization options
• Responsive design
• Parent/child menu indicators

Support

For support, feature requests, or bug reports, please visit:

• Plugin URI: https://shipwr3ck.com
• Author URI: https://codelyfe.github.io

Credits

Developed by Randal C. Burger Jr

Upgrade Notice

1.0.0

Initial release of DeClutterDash. Install to start decluttering your WordPress admin dashboard!