Puertos TCP, UDP

Personalizar la pagina de login

Personalizar la pagina de login

Durante los años de actualizaciones de WordPress, el diseño de la pantalla de Login no ha cambiado y sigue siendo sencilla y limpia, que funciona en diferentes tamaños de pantalla. Sin embargo, el desarrollo de sitios web para determinados clientes, especialmente para las empresas, seria bastante profesional adaptar este diseño plano, en algo mas adecuado para el cliente.

Relájate, se puede hacer fácilmente. Lo estupendo de WordPress, es que cada parte de su Backend es personalizable, siempre y cuando sepamos usar la función adecuada. Anteriormente habíamos hablado sobre como personalizar la ventana de acceso de WordPress, pero en esta oportunidad te mostraremos una alternativa mas para lograrlo.

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



Personalizar la pagina de login

Personalizar la pagina de login



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 función de php en el archivo functions.php de nuestro template.




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




posteriormente editamos e ingresando el siguiente código




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.

Quedando de la siguiente manera



Personalizar la pagina de login

Personalizar la pagina de login




Resumen
Personalizar la pagina de login
Nombre del artículo
Personalizar la pagina de login
Descripción
Personalizar la pagina de login 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.
Autor
Nombre del editor
alukard999
Logotipo del editor