domingo, 18 de enero de 2015

WordPress - formulario de login con logo personalizado

Una de las cosas que practicante siempre queremos hacer después de instalar nuestro WordPress, y que no entiendo como no nos dan una opción directa de personalizar desde el panel...
Siempre es personalizar el formulario de registro y Login de nuestro Site, al menos que no aparezca el logo de WP

Para ello podremos usar uno de los miles de plugins existentes, personalmente creo que no merece la pena, podremos crear el nuestro, aunque es algo quizás demasiado sencillo para crear un plugin, o bien crear una serie de funciones en nuestro functions.php
function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo header_image(); ?>);
            padding-bottom: 30px;
            background-size: 100%;
            width: 100%;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
   
    return get_bloginfo('description');
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
Creo que son muy sencillas y no necesitan explicación, quizás la mas rara, no por ello complicada sea la primera my_login_logo() lo que hace es añadir una serie de estilos a nuestra plantilla, para sobrescribir el que muestra la imagen del WP.
La siguiente: my_login_logo_url() lo único que hace es que si pulsamos sobre nuestro logo, que nos lleve a nuestra home, o a la URL que deseemos configurar.
La ultima, y como su nombre indica my_login_logo_url_title() lo que hace es mostrar una descripción para cuando dejemos el cursos encima de la imagen.

Todas estas funciones están el el codex, concretamente en el enlace de mas abajo, aunque han sido editadas por mi, para automatizarlo, y que sirva para todos los Sites.

Fuente: http://codex.wordpress.org/Customizing_the_Login_Form