Nella schermata di login WordPress inserisce il proprio logo. Questo però può essere personalizzato, in base alle proprie esigenze (esempio: agenzie che personalizzano tutto con i propri riferimenti) e/o ai propri “gusti grafici” in modo differente da quello standard.
La modifica del login di WordPress è possibile in 2 modi:
- Tramite l’installazione di plugin
- Tramite personalizzazione nel file functions.php
Tra le due metodologie quella più indicata è, ovviamente, la personalizzazione nel file functions.php.
Indice
Utilizzo di plugin
La personalizzazione del logo di WordPress può avvenire tramite l’utilizzo di un plugin. Esistono diversi plugin adatti a questo scopo. Ne verranno presi in considerazione 2:
- My WordPress Login Logo
- Change WordPress Login Logo
My WordPress Login Logo
Una volta installato questo plugin inserisce automaticamente un link diretto per la pesonalizzazione del logo.
Nelle opzioni è possibile personalizzare diverse cose.
- L’immagine del logo
- La sua larghezza
- La sua altezza
- L’url di destinazione del logo
- Il titolo (h1) della pagina
Nelle 3 opzioni successive è possibile configurare:
- Effetto fading (la comparsa) del riquadro di login
- Ritardo del fading
- Frase personalizzata sotto i campi di inserimento username e password, personalizzabili magari con istruzioni.
Il risultato finale sarà questo
Change WordPress Login Logo
Dopo aver installato il plugin, molto semplice e facile da usare, è possibile trovare il link di accesso da Impostazioni>Login Logo.
In questa schermata è possibile inserire il logo e settare la larghezza ed altezza.
Una volta inserito il logo comparirà come segue
Modifica functions.php
E’ possibile personalizzare il logo, nella schermata di login di WP, tramite modifica al file functions.php che è possibile tramite il seguente codice
function my_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.ext);
height:84px;
width:250px;
background-size: 250px 84px;
background-repeat: no-repeat;
padding-bottom: 30px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
l’immagine va inserita nella cartella images all’interno della cartella del tema.
E’ possibile quindi inserire il CSS da associare al logo.
Il risultato sarà come il seguente
