Personalización del formulario de login

Vamos a modificar la imagen de diseño del login de Wordpress esto es para todos los que usan wordpres.org, bien la modificación que haremos sera en wp-login.php. podemos colocar una imagen agradable en todo el login o solo si queremos colocar nuestro logo o solo el nombre del sitio.
Esta es una manera magnifica si queremos darle un toque diferente a nuestra entrada ya que no siempre nos gusta la que viene predefinida y es bueno también que se cambie por el diseño que en verdad deseamos tener o si queremos salir de la misma rutina de siempre.

Veamos ahora como podemos modificar el inicio y el código que vamos a utilizar.

Paso 1.

Crearemos un archivo CSS (Login.css) lo haremos con las opciones que nosotros deseemos y lo guardaremos en la carpeta de nuestro 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 */

Paso 2.

Ya que tenemos ingresado el código, pasaremos a colocar el siguiente dentro del archivo functions.php:

<?phpfunction login_personalizado() {echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/login.css" />';}add_action('login_head', 'login_personalizado');?>

Como logramos colocar los archivos anteriores esto hará que el archivo login.css se logre cargar cada vez que alguien ingrese a la pagina de login de nuestro blog.

Posted in: Wordpress