wp admin

Autocomplete Off en el formulario de login al backend de WordPress

En ésta entrada vamos a ver cómo agregar la funcionalidad autocomplete=”off” para los campos de usuario y clave en el formulario de login al backend de WordPress.

Esto nos puede resultar útil en caso de que queramos proteger nuestro sitio si accedemos a él desde ordenadores públicos o donde sepamos que pueden entrar otras personas.

Hay que tener en cuenta que el atributo autocomplete es nuevo en HTML5 y algunos navegadores no lo soportan. Por otro lado también hay que tener en cuenta, que aunque tu navegador lo soporte, si decides recordar contraseña en el sitio, guardará tu preferencia y te mostrará el usuario/clave para poder acceder.

No está de más usarlo, ya que en determinadas ocasiones puede resultar útil y añade seguridad a tu sitio. Vamos a ver cómo establecer los campos de usuario y contraseña con el atributo autocomplete=”off” sin tocar el núcleo de WordPress, para evitar que se sobrescriba ésta funcionalidad en futuras actualizaciones.

Añadimos éste código a nuestro archivo functions.php:

Cómo puede observarse, añadiremos un archivo JS (dependiente de jQuery) solamente en el action login_form, de esta manera sólo lo usaremos cuando es necesario, es decir, en la página de login, evitando recargar el resto de la web aunque sea sólo unos pocos KB.

En nuestro archivo JS añadiremos este código:

Con esto ya lo tendríamos implementado en nuestro tema.

Puede que también te interese

Seguridad WordPress: backups
Tener un backup es imprescindible en cualquier desarrollo web. Es el plan B para cuando algo falla. Si todo funciona correctamente nunca recurriremos a él,…
Añadir clases par/impar en los listados de WordPress
En esta entrada vamos a ver cómo introducir las clases par/impar en los listados de WordPress de tres formas diferentes. A veces puede resultar útil…
Cómo agregar un campo personalizado debajo del título de una entrada
En ocasiones puede resultar útil agregar un campo personalizado adicional justo debajo del título de una entrada o página, por cuestiones de usabilidad y experiencia…
Mejora la puntuación de Google PageSpeed Insights: Eliminar el JavaScript que bloquea la visualización del contenido de la mitad superior de la página
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…