WordPress è il CMS più utilizzato al mondo e, grazie alle sue innumerevoli estensioni chiamate temi e plugins, è possibile costruire praticamente qualsiasi progetto su di esso. Che si tratti di un e-commerce fino ad arrivare a veri e propri forum partecipativi, WordPress è in grado di gestire innumerevoli situazioni.
Una delle richieste degli utenti, che fino ad oggi non è stata ancora soddisfatta direttamente da WordPress, è la possibilità di personalizzare anche piccoli elementi. Uno di questi è il logo che compare nella schermata di login da wp-admin e wp-login. Infatti, senza intervenire attraverso plugins o codici, nella schermata di accesso del nostro sito vedremo il classico logo con la W di WordPress.
Questa personalizzazione si aggiunge alle altre che possono essere ottenute con poco sforzo e poche righe di codice come la rimozione del selettore di lingua dal login di WordPress.
Cambiare il logo di WordPress senza plugins
Per i più smanettoni che preferiscono mantenere il proprio sito più pulito possibile, per cambiare il logo di login sono necessarie alcune righe di codice, niente di più!
Il codice che dovremo andare ad inserire è quello qui di seguito:
function my_login_logo_one() {
?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(https://www.miodominio.it/immagine.png);
}
</style>
<?php
} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );Copiate questo codice per andarlo poi ad incollarlo all’interno del file functions.php all’interno dell’editor del tema di WordPress.
Sostituite poi il “https://www.miodominio.it/immagine.png” con l’indirizzo dell’immagine che volete usare (meglio caricata direttamente sul sito per ridurre i tempi di caricamento).
Cambiare l’immagine di WordPress dal login utilizzando un plugin
Per chi non si sente a proprio agio ad utilizzare codici all’interno del tema, è possibile cambiare l’immagine di login utilizzando un plugin. Più nello specifico, il plugin di cui parliamo è WPCode. Questo strumento ci permette di inserire facilmente qualsiasi codice all’interno del sito.
Una volta scaricato e attivato quindi, andiamo su “Add snippet” e premiamo su “Add your custom code”.
Dal menù di destra cambiamo da “HTML Snipper” a “PHP Snippet” ed incolliamo il seguente codice cambiando ovviamente l’indirizzo del file con la vostra immagine.
function my_login_logo_one() {
?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(https://www.esempio.it/immagine.png);
}
</style>
<?php
} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );Ricordiamoci anche di fare switch in alto per attivare il codice. Il risultato è garantito! Mi raccomando sempre di fare un backup prima di eseguire qualsiasi codice.
Se volete personalizzare ulteriormente il logo del login potete anche cambiare il link che normalmente rimanda verso il sito di WordPress aggiungendo il seguente codice sempre nel vostro functions.php:
/* Cambiare URL logo login */
function dma_change_login_url(){
return "https://www.dimarcoandrea.it"; // Insert your URL
}
add_filter('login_headerurl', 'dma_change_login_url');
