miércoles, 1 de abril de 2009
Personaliza el formulario de login
Simplemente debes crear un archivo css (login.css) con las opciones que tu desees, y guardarlo en la carpeta de tu tema de WordPress:
/* Custom Login Styles */
html {background:#17272d url(../images/pbd-body.jpg) 0 0 repeat-x;} /* Fondo de la página */
h1 a { /* Imágen del Título (El "Logo de WordPress"). Recuerda actualizar el alto y ancho de las dimensiones de la imágen */
background:url(../images/tw-title.png) 0 0 no-repeat;
width:415px;
height:70px;
}
body.login {border-top-color:#dff4fc;} /* Color de fondo de la barra superior */
.login p#backtoblog a:link, .login p#backtoblog a:visited {color:#17272d;} /* Color de enlaces de la barra superior */
.login p#backtoblog a:hover, .login p#backtoblog a:active {color:#17272d;text-decoration:underline;} /* Efectos de enlaces de la barra superior */
Y luego pones el siguiente código en el archivo functions.php:
<?php
function login_personalizado() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/login.css" />';
}
add_action('login_head', 'login_personalizado');
?>
Este código hará que el archivo login.css se cargue cada vez que alguien ingresa a la pagina de login de tu blog.