Personalizar la pagina de login de wordpress

Personalizar la página de login de wordpress cambiando la imagen que mostramos sin necesidad de un plugin es una tarea muy sencilla.

El logotipo de wordpress que aparece en wp-login.php, es decir en el formulario de login para entrar en nuestro administrador, es una imagen agradable, esta bien, pero a lo mejor queremos personalizar este formulario para la web de algún cliente, con una imagen corporativa, el logo o el nombre del site.

Podremos cambiar la imagen que aparece en este formulario añadiendo la siguiente funcion de php en el archivo functions.php de nuestro template.

/path_completo_wp/wp-content/themes/tu_tema/functions.php

function personalizar_login() {
    echo '<style type="text/css">
          h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>';
}
add_action('login_head', 'personalizar_login');

Como se puede ver, la función no tiene ningún misterio, tan solo añade la apertura y cierre de las etiquetas de estilos, y dentro esta sobrescribiendo la imagen de background que hay para el h1 aplicado al enlace.

A partir de esta función y la idea de sobrescribir los estilos de la página de login, cualquiera puede ir editando los estilos a sus necesidades.

15 opiniones en “Personalizar la pagina de login de wordpress”

    1. subiste una imagen a tu desarrollo? cambiaste el path del ejemplo por lo que tu tienes y has comprobado que esta ok y no da un error 404?

      Puede ser la versión de wordpress, la tienes actualizada?!

      Es algo realmente simple para que te de error y no te funcione.

  1. Buen aporte en español… Gracias.
    Y en el mismo “trocito de codigo”… ¿sabrias decirnos como se puede cambiar la direccion a la que redirecciona si pinchamos sobre el logo?

      1. Hola Jorge,

        Te cuento esto no está del todo bien, porque que pasa si actualizas la versión de WordPress y han cambiado el wp-login?? que tendrás que volver a editar el código, y tendrás que tocarlo a cada versión que actualicen y cambien el wp-login o cualquier archivo del directorio principal de WP. Por esto se tiene que crear una nueva funcion y editar el functions.php de tu theme.

    1. Hola Luis,

      He estado buscando en google, parece que no hay un hook específico para evitar que se muestre ese link y que se resetee la contraseña. Mira este topic del foro de wordpress http://wordpress.org/support/topic/how-to-disable-password-reset-feature.

      Por otro lado he encontrado esto http://wpmu.org/daily-tip-disable-password-reset-for-selected-wordpress-users/ que desde el panel del usuario le puedes marcar para que no se puede resetar su contraseña, a pesar de que aparezca el link. Pero de todas maneras, me da que el usuario siempre podrá activar o desactivar esta casilla, a si que no creo que valga para mucho.

      De todas maneras si consigues algo útil, no olvides en comentarlo en este artículo.

      Un saludo!

  2. Pingback: aha-Diseño – 10 TRUCOS PARA PERSONALIZAR EL DASHBOARD DE WORDPRESS.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *