Family Encyclopedia >> Electronics

How to Disable the WordPress Login Shake Effect: Simple PHP Snippet

As experienced WordPress developers, we've customized countless login pages for clients. If you've noticed the distracting shake animation on incorrect login attempts, you're not alone. Many site owners prefer a cleaner look. Here's our proven method to remove it permanently.

How to Disable the WordPress Login Shake Effect: Simple PHP Snippet

The shake effect is powered by a JavaScript file loaded on the login page. Disabling it is straightforward: simply dequeue that script using WordPress hooks.

Add this code to your active theme's functions.php file or, better yet, a custom site plugin to avoid theme update issues:

function wpb_remove_loginshake() {
    remove_action( 'login_head', 'wp_shake_js', 12 );
}
add_action( 'login_head', 'wpb_remove_loginshake' );

This is purely an aesthetic choice. The shake effect draws attention to errors, which can enhance user experience—but if it doesn't fit your site's style, removing it creates a more subtle interface. On our managed sites, we evaluate based on client feedback and branding needs.

Source: Eric Martin