Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

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:

  1. Tramite l’installazione di plugin
  2. Tramite personalizzazione nel file functions.php

Tra le due metodologie quella più indicata è, ovviamente, la personalizzazione nel file functions.php.

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:

  1. My WordPress Login Logo
  2. Change WordPress Login Logo

My WordPress Login Logo

Una volta installato questo plugin inserisce automaticamente un link diretto per la pesonalizzazione del logo.

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

Nelle opzioni è possibile personalizzare diverse cose.

  1. L’immagine del logo
  2. La sua larghezza
  3. La sua altezza
  4. L’url di destinazione del logo
  5. Il titolo (h1) della pagina

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

Nelle 3 opzioni successive è possibile configurare:

  1. Effetto fading (la comparsa) del riquadro di login
  2. Ritardo del fading
  3. Frase personalizzata sotto i campi di inserimento username e password, personalizzabili magari con istruzioni.

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

Il risultato finale sarà questo

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

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.

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

Una volta inserito il logo comparirà come segue

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it

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

Immagine della guida Login WordPress: Personalizzare il logo in 2 differenti modi del sito Cionfs.it