📚 Brandify Documentation
Complete WordPress Admin Customization Guide
🚀 Quick Start Guide
Welcome to Brandify! This comprehensive admin customization plugin gives you complete control over your WordPress admin area.
1. White Labeling
Start by customizing your admin branding with logos, colors, and typography.
Configure White Labeling3. Dark Mode
Enable a beautiful dark theme for comfortable late-night work sessions.
Enable Dark Mode✨ Features Overview
🎨 White Labeling
- Admin & Login Logos: Upload custom logos for both light and dark themes
- Color Scheme: Set primary, secondary, and accent colors that apply site-wide
- Google Fonts: Choose from 20+ popular web fonts with live preview
- Backgrounds: Use solid colors, gradients, or custom images
- Footer Text: Add custom footer text with HTML formatting support
📋 Admin Menu Editor
- Drag & Drop: Reorder menu items with simple drag and drop
- Show/Hide: Control which menu items are visible
- Rename: Change menu item labels to better suit your workflow
- Icons: Update menu icons using Dashicons
- Role-Based: Set visibility per user role (Administrator, Editor, etc.)
- Export/Import: Transfer menu configurations between sites
🔐 Login Customizer
- Custom Logo: Replace the WordPress logo on the login page
- Background: Set a custom color or image for the login page
- Form Styling: Auto-contrasting colors for optimal readability
- Redirects: Set custom login redirects based on user roles
- Custom CSS: Add your own CSS for advanced customization
🌙 Dark Mode
- Toggle: Quick dark mode toggle in the admin bar
- Auto-Schedule: Automatically enable dark mode during specific hours
- System Sync: Respect user’s operating system preference
- Per-User: Each user can have their own dark mode preference
- Smooth Transitions: Elegant animations when switching modes
🔒 Security Features
- Custom Login URL: Change /wp-admin to any URL (e.g., /secure-login)
- Hide Version: Remove WordPress version from header and feeds
- Disable XML-RPC: Block the XML-RPC endpoint to prevent attacks
- Hide Admin Notices: Clean up clutter from plugin notifications
- Activity Logging: Track user logins, logouts, and actions
- Admin Bar Control: Hide admin bar from frontend for specific roles
🎯 Elementor Integration
⚠️ IMPORTANT SETUP REQUIRED:
To use Elementor features, you MUST enable Brandify post types in Elementor settings:
- Go to Elementor → Settings → General
- Scroll to “Post Types” and check “Admin Pages” and “Dashboard Widgets”
- Click “Save Changes”
- Now you can create and edit with Elementor!
- Dashboard Widgets: Create custom widgets that appear on the dashboard
- Admin Pages: Build entire admin pages visually with Elementor
- Full Widget Support: Use any Elementor widget (buttons, forms, sliders, etc.)
- No Coding Required: Visual drag-and-drop interface
- Isolated Rendering: Elementor content renders perfectly without conflicts
📖 Usage Guides
How to Set Up White Labeling
- Navigate to Brandify > White Labeling
- Enable “White Labeling” at the top
- Upload your Admin Header Logo (recommended: 150x40px PNG with transparency)
- Upload your Login Page Logo (recommended: 300x80px PNG)
- Choose your Primary Color (this will apply to buttons, links, highlights)
- Select a Google Font from the dropdown
- Choose Font Size and Font Weight
- Set your Background:
- Color: Simple solid color
- Gradient: Choose colors, direction, and enable repeat if desired
- Image: Upload an image and set size, repeat, and position
- Add custom Footer Text (supports HTML and TinyMCE formatting)
- Click Save Changes
How to Customize the Admin Menu
- Go to Brandify > Menu Editor
- Enable “Enable Menu Editor” toggle
- Reorder: Drag menu items up or down to change their position
- Rename: Click the “Rename” button and enter a new title
- Hide: Click the “Hide” button to make an item invisible (it won’t appear in the menu, but will still be accessible via direct URL)
- Icon: Click “Icon” and enter a Dashicons class (e.g., dashicons-admin-home)
- Roles: Click “Roles” and select which user roles can see this menu item
- Submenus: Click the expand arrow (▶) to customize submenu items
- Click Save Menu Configuration
- Export: Click “Export” to download a JSON file
- Import: Click “Import”, select a JSON file, and upload
- Reset: Click “Reset to Defaults” to restore WordPress default menu
How to Customize the Login Page
- Navigate to Brandify > Login Customizer
- Enable “Enable Login Customization”
- Upload a Login Logo
- Set Background Color or Image
- Customize Form Colors:
- Form Background: The login form background color (auto-contrasts with text)
- Form Text: Text color inside the form
- Input Background: Background color of input fields
- Button Color: Login button background
- Add Custom CSS for advanced styling (optional)
- Click Save Changes
- Visit your login page to see the changes
How to Enable Dark Mode
- Go to Brandify > Dark Mode
- Enable “Enable Dark Mode”
- Auto-Schedule (Optional):
- Enable “Enable Auto-Schedule”
- Set Start Time (e.g., 19:00 for 7 PM)
- Set End Time (e.g., 07:00 for 7 AM)
- Enable “Respect System Preference” to sync with OS dark mode
- Click Save Changes
- Toggle Dark Mode: Use the “Dark Mode” link in the admin bar
How to Enhance Security
- Navigate to Brandify > Security
- Custom Login URL:
- Enter a custom URL slug (e.g., secure-login)
- Your new login URL will be yoursite.com/secure-login
- IMPORTANT: Bookmark this URL! The default /wp-admin will redirect to homepage.
- Enable Hide WordPress Version
- Enable Disable XML-RPC (unless you need it for mobile apps)
- Enable Hide Admin Notices to remove plugin update notifications
- Enable Activity Logging to track user actions
- Configure Hide Admin Bar on Frontend for specific roles
- Click Save Changes
How to Create Elementor Dashboard Widgets
- Install and activate Elementor (if not already installed)
- Go to Brandify > Elementor (in the admin menu)
- You’ll see two tabs: Dashboard Widgets and Admin Pages
- Click Add New Widget
- Enter a Widget Title (e.g., “Quick Stats”, “Recent Activity”)
- Click Create – you’ll be taken to the Elementor editor
- Design your widget using Elementor’s drag-and-drop interface:
- Add containers, columns, and widgets
- Use any Elementor widget (heading, text, button, icon, image, etc.)
- Style with colors, typography, spacing, etc.
- Click Update to save
- Go to your Dashboard to see the widget appear
How to Create Custom Admin Pages with Elementor
- Go to Brandify > Elementor
- Switch to the Admin Pages tab
- Click Add New Admin Page
- Enter a Page Title (e.g., “Company Resources”, “Team Dashboard”)
- Click Create
- Design your page in Elementor (same as widgets)
- Click Update to save
- The new page will appear in your admin menu
- Configure Page Settings (Optional):
- Menu icon (Dashicons class)
- Menu position (order in admin menu)
- Required capability (who can access)
- Parent menu (to nest under another menu item)
🔧 Troubleshooting
Common Issues & Solutions
Settings aren’t saving
Possible Causes:
- PHP max_input_vars limit is too low
- Server timeout
- Insufficient permissions
Solutions:
- Contact your host to increase max_input_vars to at least 3000
- Check browser console (F12) for JavaScript errors
- Ensure your user account has Administrator capabilities
- Try disabling other plugins temporarily to check for conflicts
Menu Editor changes don’t appear
Solutions:
- Ensure “Enable Menu Editor” toggle is ON
- Click “Save Menu Configuration” after making changes
- Clear your browser cache (Ctrl+Shift+Delete)
- Log out and log back in
- Check if your user role has permission to see the menu items
Locked out after changing login URL
Solutions:
- Access your site via FTP or hosting file manager
- Navigate to /wp-content/plugins/
- Rename the brandify folder to brandify-disabled
- Log in via the default /wp-admin
- Rename the folder back to brandify
- Set a new custom login URL (and bookmark it this time!)
💡 Tips & Best Practices
Logo Sizes: For best results, use 150x40px for admin header logos and 300x80px for login logos. PNG format with transparency works best.
Color Contrast: When choosing colors, ensure sufficient contrast between background and text for accessibility.
Menu Organization: Group related menu items together using separators. Consider hiding rarely-used items to reduce clutter.
Backup Settings: Export your menu configuration before making major changes, so you can easily restore if needed.
Security First: Always bookmark your custom login URL and keep it secure. Consider using a password manager.
Elementor Performance: Keep dashboard widgets simple and lightweight. Complex widgets with many elements may slow down the dashboard.
Testing: Test customizations on a staging site first, especially when using custom CSS or security features.
👨💻 For Developers
Available Filters
// Modify Google Fonts list
add_filter('brandify_google_fonts', function($fonts) {
$fonts['Your Font'] = 'Your Font';
return $fonts;
});
// Customize white labeling settings
add_filter('brandify_white_label_settings', function($settings) {
return $settings;
});
// Modify login customizer settings
add_filter('brandify_login_settings', function($settings) {
return $settings;
});
// Add custom Dashicons to icon picker
add_filter('brandify_menu_icons', function($icons) {
$icons[] = 'dashicons-your-icon';
return $icons;
});
Available Actions
// Run code after settings are saved
add_action('brandify_settings_saved', function($tab) {
// Your code here
});
// Run code after menu is saved
add_action('brandify_menu_saved', function($menu_data) {
// Your code here
});
🎉 Credits
Brandify is built with love using:
- WordPress – The world’s best CMS
- Elementor – Visual page builder
- Google Fonts – Beautiful web typography
- Dashicons – WordPress icon font
- jQuery UI – Drag and drop functionality
Created by the CursorWP Team
This plugin was “vibe coded” – built with passion, coffee, and late-night coding sessions! ☕🌙
💜 Support Brandify
Brandify is Donationware and is Free as in Free Beer for the Global WordPress Community!
Please consider donating to support the Vibe Coding efforts of CursorWP!
Every donation helps us create more awesome free themes and plugins! 💙
