Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
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

Codeception para WordPress: Tests de aceptación con WebDriver y Selenium
Codeception para WordPress: Tests de aceptación con WebDriver y Selenium
En la entrada anterior veíamos cómo podíamos realizar tests de aceptación en elementos generados dinámicamente con JavaScript a través de PhantomJS. Pero aún así esta…
Cómo solucionar el error de las cabeceras han sido enviadas en WordPress
Cómo solucionar el error de las cabeceras han sido enviadas en WordPress
El error de las cabeceras han sido enviadas es uno de los errores más comunes, no sólo en WordPress. Normalmente te aparece en pantalla un mensaje…
Cómo añadir un enlace para los ajustes en el listado de plugins
Cómo añadir un enlace para los ajustes en el listado de plugins
Si estas desarrollando un plugin o vas a desarrollarlo, puede resultarte de utilidad saber cómo añadir un enlace para los ajustes de tu plugin en el…
Ocultar el editor WYSIWYG en función del template seleccionado
Ocultar el editor WYSIWYG en función del template seleccionado
Es probable que en alguna ocasión estés haciendo un desarrollo a medida donde necesites crear una plantilla de página para una determinada sección o grupo…