LogoFly

Transform your WordPress login screen with pixel-perfect branding control.

by Ibne Nahian(@nahiandev) · github.com/nahiancdx/logofly · website

★ 0stars

0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/nahiancdx/logofly/archive/refs/heads/main.zip

Readme github.com/nahiancdx/logofly ↗

LogoFly - WordPress Login Customizer

Transform your WordPress login screen with pixel-perfect branding control. LogoFly replaces the default WordPress logo with your custom branding while offering precise sizing tools and smooth animations.

LogoFly Admin Interface

✨ Features

Custom Logo Upload
Drag-and-drop interface with media library integration
Precision Sizing Tools
- Width/Height controls (50-1000px range)
- Aspect ratio locking
- Real-time preview
Animation Effects
Choose from 4 effects: None, Fade, Bounce, Spin
Mobile Responsive
Automatic scaling for smaller screens
Developer Friendly
- Clean object-oriented code
- WP coding standards
- Hooks for customization

🚀 Installation

Download the plugin from GitHub
Go to WordPress Admin → Plugins → Add New → Upload Plugin
Upload the logofly.zip file
Activate the plugin
Configure under Settings → LogoFly

🛠 Configuration

Upload Your Logo
Click the upload button to select from your media library
Adjust Dimensions
Set exact width/height or use aspect ratio locking
Add Animations (Optional)
Select from subtle motion effects
Save Changes
Instantly see results on your login screen

🧑‍💻 Developers

Ibne Nahian (@nahiandev)

Filters Available

// Change default logo size
add_filter('logofly_default_width', function() { return 400; });
add_filter('logofly_default_height', function() { return 120; });

// Modify animation speed
add_filter('logofly_animation_duration', function() { return '5s'; });

Actions Available

// Add custom CSS to login page
add_action('logofly_login_head', function() {
    echo '<style>.login { background: #f0f0f0; }</style>';
});