Admin Menu Separator

Add subtle gradient separators to your WordPress admin menu sidebar. Group related menu items visually, create clear sections, and improve navigation for yourself and your team.

Use Cases#

• Divide the admin menu into logical sections like “Content,” “E-Commerce,” and “Settings”
• Help new team members learn the dashboard faster with clear visual boundaries
• Break up long menu lists on sites with 30+ plugins adding menu items

How It Works#

1. Configure separator positions in the module settings
2. Choose where to add separators (before or after specific menu items)
3. Save your settings
4. Subtle gradient lines appear in the admin sidebar

Settings#

The module displays all current admin menu items and lets you add separators before or after each one.

Adding Separators#

1. Open module settings
2. Click on position options like “After Dashboard” or “Before Settings”
3. Selected positions appear as tags
4. Click the × on a tag to remove that separator
5. Save your settings

Available Positions#

For each menu item, you can add a separator:

• After [Menu Item] - Separator appears below that item
• Before [Menu Item] - Separator appears above that item

Common Separator Placements#

Content-Focused Sites#

Dashboard
─────────────  (separator)
Posts
Pages
Media
Comments
─────────────  (separator)
Appearance
Plugins
Users
Tools
Settings

WooCommerce Stores#

Dashboard
─────────────
Posts
Pages
Media
─────────────
Products
Orders
Customers
Analytics
Marketing
─────────────
Appearance
Plugins
Settings

Client Sites#

Dashboard
─────────────
Pages
Media
─────────────
Contact Forms
─────────────
Settings

Separator Appearance#

Separators are styled with:

• Subtle semi-transparent white line
• 8px vertical margin
• Clean, minimal appearance
• Works in both expanded and collapsed (folded) menu states

Verification#

After saving your separator configuration:

1. Look at the admin sidebar menu
2. Verify separators appear at your chosen positions
3. Test the collapsed/folded menu view
4. Confirm separators don’t interfere with menu functionality

FAQ#

Best Practices#

1. Don’t overuse separators - Too many divisions defeat the purpose
2. Group logically - Put related items between separators
3. Consider your users - Think about what groupings make sense for your team
4. Test the folded menu - Verify separators look good when menu is collapsed
5. Document your structure - Note your separator placements in site documentation