Modificare il logo nella pagina di login di WordPress

Se sviluppi siti web per i tuoi clienti, potresti sentire l’esigenza di sostituire il logo di WordPress presente nella pagina di login con un logo personalizzato.

Per poter effettuare questa operazione è necessario aggiungere le seguenti righe di codice nel file functions.php del proprio template.

// Personalizza il logo nella pagina di login
function wplab_custom_login_logo () {
    echo '<style type="text/css">
    h1 a { background-image: url('.get_stylesheet_directory_uri().'/images/custom-login-logo.png) !important; }
    </style>';
}
add_action ('login_head', 'wplab_custom_login_logo');

In questo esempio vado a sostituire il logo di login di WordPress con il file custom-login-logo.png presente nella cartella images del mio tema attivo ma, ovviamente, puoi modificare l’URL con quello del tuo logo personalizzato.

Di seguito, invece, ti riporto le stringhe (da aggiungere sempre nel file functions.php) che ci permettono di modificare il link presente sul logo di login ed il suo TAG title.

// Personalizza il link del logo nella pagina di login
function wplab_custom_loginlogo_url($url) {
    return 'https://wplab.it';
}
add_filter( 'login_headerurl', 'wplab_custom_loginlogo_url' );

// Personalizza il TAG title del logo nella pagina di login
function wplab_custom_login_title () {
    return 'WPlab';
}
add_filter ('login_headertext', 'wplab_custom_login_title');

Autore: Giapox

Appassionato di informatica fin da piccolo, mi occupo di marketing digitale e sviluppo web. Sono l'ideatore e l'autore di WPlab, sviluppo siti web dal lontano 1999, ho iniziato a utilizzare WordPress nel 2008 e modero con passione la sezione WordPress di Connect.gt. Seguimi su Twitter @wplabit.

Lascia un commento