WPMazic WPMazic

Admin Customiser

Product: Admin Framework Pro

The Admin Customiser module allows you to brand and personalize the WordPress admin dashboard and login page. Adjust colors, logos, layouts, and visibility options to create a cleaner, more professional interface tailored to your team or clients.

How to use

To enable the Admin Customiser module:

  1. Click on the “Admin Tools” category
  2. Search or scroll to locate the Admin Customiser module
  3. Click on the switch to enable

Open the module to customize the WordPress admin UI and login page.

What’s next?

This module lets you brand and streamline the WordPress admin area and login page with colors, logos, visibility options, and layout tweaks.

Where it applies:

  • Admin interface: top admin bar and left sidebar
  • Login page: logo, colors, form styles, and options

1. General

  • Global Appearance:
    • Body Background Color
  • Admin Footer:
    • Custom Admin Footer Text
  • Admin Features:
    • Hide Help Tab
    • Hide Screen Options Tab

2. Admin Bar

  • General:
    • Admin Bar Logo (replace WP logo)
    • Background Color
    • Background Dropdown Color
    • Text Color
    • Text Hover Color
  • Visibility:
    • Hide WordPress Logo
    • Hide Icons
    • Hide Updates Item
    • Hide Customize Item
    • Hide Comments Item
    • Hide New Item

3. Sidebar

  • Appearance:
    • Sidebar Background Color
    • Sidebar Text Color
    • Active Menu Item Background
    • Active Menu Item Text
    • Hover Menu Item Background
    • Hover Menu Item Text
    • Sidebar Icons Color
  • Layout:
    • Hide Sidebar Icons
    • Sidebar Width (px)

4. Login Page

  • Appearance:
    • Login Page Logo
    • Login Page Background
    • Login Page Text
  • Form Appearance:
    • Form Background Color
    • Form Text Color
    • Form Text Hover Color
    • Form Border Color
    • Form Border Radius (px)
  • Input Appearance:
    • Input Background Color
    • Input Text Color
  • Button Appearance:
    • Login Button Background
    • Login Button Text
  • Form Options:
    • Hide Login Logo
    • “Remember Me” Checked by Default
  • Custom Message:
    • Add a custom message (rich text) to the login page

Best Practices

  • Keep contrast high for accessibility across text and backgrounds
  • Limit hidden elements to avoid confusing users who expect core items (e.g., Screen Options)
  • Upload optimized SVG/PNG logos for crisp display in the admin bar and login page
  • Use brand colors consistently for a cohesive experience

Troubleshooting

  • Changes not visible:
    • Clear admin/browser caches and any plugin/CDN caches
    • Revisit screen and save again
  • Logo not showing:
    • Check file type is an image and re-upload
    • Ensure no conflicting “Hide Login Logo” option is enabled (login page)
  • Colors look off:
    • Confirm no admin color scheme overrides (user profile)
    • Avoid very low contrast combinations
  • Sidebar looks cramped:
    • Increase Sidebar Width or reduce item labels

Compatibility & Notes

  • Affects only the WordPress admin area and login page (no front-end changes)
  • Works with core list tables, menus, and login screen
  • Settings apply globally for all users (some personal color schemes may still affect appearance)

Developer hooks

  • Filters:
    • WPMazic/admin-customiser/register_settings — extend settings schema
    • WPMazic/admin-customiser/css_variables — provide CSS variables for styling
    • WPMazic/admin-customiser/sidebar_variables — customize sidebar CSS variables
    • WPMazic/admin-customiser/login_variables — customize login page CSS variables
    • WPMazic/admin-customiser/admin_bar_variables — customize admin bar CSS variables

This module is perfect for:

  • Branding client/admin experiences
  • Removing distractions (Help/Screen Options)
  • Improving readability and navigation with color and layout control