Cómo eliminar el efecto de sacudida al iniciar sesión en WordPress (Actualizado)

WordPress agrega automáticamente una animación de sacudida al formulario de inicio de sesión cada vez que alguien ingresa credenciales incorrectas.

Si bien esta función fue diseñada para ser útil, muchos propietarios de sitios la encuentran molesta y prefieren algo más sutil y profesional.

Si buscas crear una experiencia de inicio de sesión más pulida, eliminar el efecto de sacudida es uno de esos pequeños detalles que pueden marcar una gran diferencia.

Es especialmente popular entre dueños de negocios y creadores de sitios de membresía que desean que su proceso de inicio de sesión se sienta tan refinado como el resto de la experiencia de su sitio.

Aquí están las buenas noticias: no necesitas ser un desarrollador para hacer este cambio. Te guiaremos a través de la forma más fácil de deshabilitar el efecto de sacudida al iniciar sesión, paso a paso.

¿Qué es el efecto de sacudida al iniciar sesión en WordPress?

Si cometes un error al intentar iniciar sesión en tu sitio web de WordPress, el cuadro de inicio de sesión se sacudirá y se mostrará un mensaje de error.

Esto te informa que el nombre de usuario o la contraseña que ingresaste son incorrectos.

Esto está diseñado para alertar al usuario para que note que el inicio de sesión no fue exitoso.

Sin embargo, a algunos usuarios les puede parecer molesto o poco profesional, o desean reducir los scripts de animación innecesarios en sus sitios web.

Quitar el efecto de sacudida al iniciar sesión es una decisión basada en preferencia personal. En nuestra opinión, ayuda a captar la atención de los usuarios y les informa que hay un error de inicio de sesión. Es por eso que en nuestros sitios, no quitamos el efecto de sacudida al iniciar sesión.

Dicho esto, veamos cómo quitar el efecto de sacudida al iniciar sesión en WordPress

Cómo quitar el efecto de sacudida al iniciar sesión en WordPress

La función de sacudida al iniciar sesión se agrega con un archivo JavaScript que WordPress incluye en cada página de inicio de sesión. Todo lo que necesitamos hacer para deshabilitar el efecto es quitar el JavaScript.

La forma más segura y fácil de hacerlo es con el plugin WPCode, ya que ya incluye un script para quitar el efecto de sacudida al iniciar sesión en su biblioteca de fragmentos.

Hemos probado a fondo la herramienta y hemos descubierto que es la forma más segura y fácil de agregar código personalizado a su sitio web. Si desea obtener más información sobre nuestra experiencia, puede echar un vistazo a nuestra reseña detallada de WPCode.

Primero, necesita instalar el plugin gratuito WPCode. Si necesita ayuda, puede ver nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, puedes navegar a la página Fragmentos de código » + Agregar fragmento.

Una vez allí, puedes usar la función de búsqueda del plugin para encontrar el fragmento 'Eliminar animación de sacudida de inicio de sesión'.

A continuación, cuando pases el mouse sobre el fragmento, verás un botón 'Usar fragmento'. Hacer clic en ese botón abrirá una nueva ventana donde el fragmento ya está configurado para ti.

Todo lo que necesitas hacer es activar el botón 'Activo' y luego hacer clic en el botón 'Actualizar'.

Alternativamente, los usuarios avanzados pueden copiar y pegar el fragmento de código manualmente.

Simplemente agrega este código al archivo functions.php de tu tema:

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

Una vez que hayas guardado el archivo o activado el fragmento, el efecto de sacudida al iniciar sesión se deshabilitará.

Preguntas frecuentes sobre el efecto de sacudida al iniciar sesión de WordPress

Aquí hay algunas preguntas que nuestros lectores hacen con frecuencia sobre el efecto de sacudida del inicio de sesión de WordPress:

¿Por qué alguien querría eliminar el efecto de sacudida del inicio de sesión?

Si estás creando una página de inicio de sesión personalizada o administrando el sitio de un cliente, el efecto de sacudida puede sentirse poco pulido o no deseado.

Algunas marcas prefieren un flujo de inicio de sesión más simple con menos animación o ruido visual. Eliminarlo puede hacer que la página de inicio de sesión se sienta más fluida y refinada.

Además, si estás optimizando el rendimiento o auditando scripts no utilizados, eliminar JavaScript innecesario (como wp_shake_js) puede ayudar a optimizar tu página. Aunque es solo un script pequeño, cada bit cuenta para la velocidad y el tiempo de carga.

¿El fragmento para eliminar el efecto de sacudida del inicio de sesión funcionará con todas las versiones de WordPress?

La mayoría de las versiones modernas de WordPress (5.0 y superiores) utilizan el hook login_footer para adjuntar el JavaScript responsable del efecto de sacudida.

Si te encuentras con un tutorial antiguo que utiliza el hook login_head en su lugar, entonces ese método podría no funcionar correctamente en instalaciones actualizadas.

Para evitar problemas de compatibilidad, asegúrate de estar utilizando el hook correcto para tu versión. También es una buena idea probar el cambio en un entorno de staging o con el modo de depuración activado.

Algunos temas o plugins de personalización de inicio de sesión pueden reintroducir animaciones o anular tu fragmento, así que siempre confirma que el efecto se ha eliminado por completo después de aplicarlo.

¿Puedo deshacer el cambio más tarde si quiero recuperar el efecto de sacudida del inicio de sesión?

Sí, la personalización es completamente reversible. Ya sea que hayas usado un plugin como WPCode para insertar el fragmento o lo hayas agregado manualmente a tu archivo functions.php, puedes eliminarlo en cualquier momento.

Simplemente desactiva o elimina el fragmento, luego borra las cachés para asegurarte de que los cambios se reflejen en la página de inicio de sesión.

Esto te da flexibilidad para experimentar sin riesgo. Si más adelante instalas un plugin de inicio de sesión personalizado o decides que prefieres la animación de sacudida después de todo, WordPress revertirá automáticamente a mostrarla cuando ocurran errores de inicio de sesión, siempre y cuando el código de eliminación ya no esté activo.

Guías expertas sobre el inicio de sesión en WordPress

Esperamos que este artículo te haya ayudado a eliminar el efecto de sacudida al iniciar sesión en WordPress.

También puedes ver otros artículos relacionados con la página de inicio de sesión de WordPress:

• Cómo crear una página de inicio de sesión personalizada en WordPress (Guía definitiva)
• Cómo permitir el registro de usuarios en tu sitio de WordPress
• Cómo Crear una Ventana Emergente de Inicio de Sesión en WordPress (Paso a Paso)
• Cómo agregar inicio de sesión con un clic con Google en WordPress
• Cómo agregar CAPTCHA al formulario de inicio de sesión y registro de WordPress
• Cómo agregar inicio de sesión sin contraseña en WordPress con Magic Links
• Cómo crear inicios de sesión temporales para WordPress (sin contraseñas)
• Los mejores plugins para la página de inicio de sesión de WordPress (Seguros y personalizables)

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.