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
[code lang=”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’);
[/code]
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.
Excelente tu ayuda! muchisimas gracias!
Muchas gracias por tu apotación. Muy sencillos y útiles los post. La verdad que con este tipo de tips una va puliendo pocoa a poco todos los detalles de wordpress.
Agregue la funcion guarde el archivo pero no la ejecuta, o_O que estoy haciendo mal
en que parte del codigo añado la funcion?
gracias compañero muy interesante 🙂 me irá bien para mi proyecto!!
Hola, ¿como hago para quitar el link que dice “¿olvidaste tu contraseña?” deseo eliminarlo por completo. Gracias 😀
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!
gracias por el dato de la linea 83 y la imagen la cambie en desde la carpeta wp-admin/images/logo-login.png
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?
pues yo desde el wp-login en la linea 87 le cambie el link, 😉 . salud2
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.
bueno, pero… en realidad no pude cambiar el logo de inicio de sesion wp
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.
ya te ha pasado??, porq al parecer no pasa eso porque ya lo he hecho jeje. saludos.
ups me confundi, esta respuesta era para la pregunta anterior. sorrry mi error. 😮