Admin Logo Customizer
Replace the default WordPress logo in the admin bar with your own custom logo. Create a professional, white-labeled admin experience for clients or reinforce your brand identity.
Use Cases
- White-label client websites by replacing WordPress branding with the client’s company logo
- Display your agency’s logo in client admin areas to maintain brand presence
- Create a cohesive, professional look across your WordPress admin interface
- Brand multisite networks with different logos for each sub-site
How It Works
- Enable the module in Switchboard
- Click “Select Logo” to upload or choose an image from your media library
- The logo replaces the WordPress icon in the top-left corner of the admin bar
- The change is immediate — refresh any admin page to see your logo
Where to Find It
Location: After configuring, your custom logo appears in the top-left corner of the admin bar (replacing the WordPress icon).
Settings
| Setting | Type | Description |
|---|---|---|
| Admin Logo | Image Upload | Select or upload your custom logo image |
Recommended Logo Specifications
For best results, your logo should:
| Specification | Recommendation |
|---|---|
| Size | 20x20 pixels (displayed size) |
| Format | PNG with transparency, or SVG |
| File size | Under 10KB for fast loading |
| Shape | Square or circular works best |
| Background | Transparent recommended |
The logo displays at 20x20 pixels in the admin bar. Upload a larger image (40x40 or 60x60) for crisp display on retina screens.
Design Tips
What Works Well
- Simple icons — Detailed logos become unreadable at small sizes
- High contrast — The admin bar is dark (#23282d), so light logos show best
- Monochrome — Single-color logos maintain clarity
- Square aspect ratio — Rectangular logos will be cropped
Logo Examples
| Type | Good For | Notes |
|---|---|---|
| Favicon | Quick setup | Usually already sized appropriately |
| App icon | Modern look | Designed for small sizes |
| Simplified logo mark | Brand consistency | Remove text, keep symbol only |
Removing the Logo
To remove your custom logo and restore the WordPress default:
- Go to the module settings
- Click “Remove Logo”
- Save your changes
The WordPress icon will return to the admin bar.
FAQ
Does this affect the frontend?
No, this only changes the admin area. Your frontend website is completely unaffected. The custom logo only appears in the WordPress admin bar for logged-in users.Can I use different logos for different user roles?
The module applies the same logo for all users. For role-based customization, you would need custom code.Why does my logo look blurry?
Upload a larger image (at least 40x40 pixels) to account for retina/high-DPI displays. The logo is displayed at 20x20 pixels, so a 2x size ensures crisp display.Can I use an SVG logo?
Yes, if you have the SVG Support module enabled. SVG logos scale perfectly and look crisp on all displays.Use your site’s favicon if you don’t have a dedicated icon. It’s already sized appropriately and maintains brand consistency between the browser tab and admin bar.
This module only replaces the visual logo. The WordPress menu items that appear when hovering over the logo area remain unchanged.
Get access to all 147 modules with a single license