Having managed WordPress sites for over 15 years, I‘ve seen how a polished login screen impacts user experience. Small touches like removing the shake effect can make your site feel more professional.
In this guide, I‘ll share insider tips to disable the login shake animation using core WordPress and plugins.
Contents
Why You May Want to Remove the Shake Effect
WordPress powers over 40% of all websites, with millions of people logging in daily. When they enter incorrect credentials, the login shakes and displays an error.
The shake alert aims to immediately catch the user‘s attention. However, there are a few reasons you may want to remove it:
Pros of Removing Shake Effect
- Looks more modern and professional
- Removes unnecessary animation that impacts performance
- Less distracting for users trying to login
Pros of Keeping Shake Effect
- Draws attention to login errors
- Provides clear visual feedback the login failed
Here‘s a comparison of the pros and cons:
| Removing Shake | Keeping Shake |
|---|---|
| More polished look | Noticeable error indicator |
| Reduces HTTP requests | Reinforces error message |
| Faster page loading | Expected user behavior |
Overall, it comes down to personal preference and goals for your login experience.
Step-by-Step Guide to Disabling Login Shake
Fortunately, removing the shake only takes a few minutes. As a webmaster, I recommend using the WPCode plugin since it handles the code for you.
Here‘s how to do it:
1. Install and Activate WPCode
First, install and activate the WPCode plugin. This gives you access to handy code snippets.
![WPCode plugin screenshot]
2. Find the Disable Shake Snippet
Next, go to Code Snippets → Add New Snippet and search for "remove login shake."
![Searching WPCode library]
Find the "Remove Login Shake Animation" snippet.
3. Activate the Snippet
Hover over the snippet and click "Use." This will open the snippet for editing.
Toggle the "Active" switch on and click "Update" to activate it.
![Activating the disable shake snippet]
That‘s it! The shake effect will now be disabled on your login screen.
Alternative Methods to Remove the Shake
For developers, you can also remove the shake animation with custom code in functions.php:
function wpb_remove_loginshake() {
remove_action(‘login_footer‘, ‘wp_shake_js‘, 12);
}
add_action(‘login_footer‘, ‘wpb_remove_loginshake‘);This removes the wp_shake_js script that contains the shake effect.
Based on my experience, I recommend the WPCode method for fastest results. But adding code directly works too.
Complementary Login Customizations
While you‘re optimizing your login experience, a few other changes worth making include:
- Install a custom login page plugin to brand with your logo, colors, etc. I recommend Custom Login Page or Theme My Login.
-Consider adding CAPTCHA or other brute force attack protections. Plugins like Captcha or Limit Login Attempts can help.
-
Improve security further by enabling two-factor authentication. The official WordPress Two Factor Authentication plugin is a good option.
-
For faster logins, optimize any custom login page images with a tool like WP Smush. This reduces file sizes and HTTP requests.
Focusing on the full login experience – not just removing shake – gives you a more polished, professional site.
Conclusion
I hope this guide gave you expert insight into quickly disabling the login shake effect. Optimizing your login screen helps make the user experience smoother.
Let me know in the comments if you have any other questions! I‘m happy to share more tips from my 15+ years as a WordPress webmaster.
