Per dare un tocco personale al proprio sito WordPress si può modificare l’immagine (ed il relativo link) presente nella pagina di login di WordPress.
Il procedimento è molto semplice e non servono doti da programmatore, basta infatti inserire poche stringhe di codice nel file functions.php che puoi trovare nel pannello di amministrazione di WordPress sotto “Aspetto > Editor“. Nel menu sulla destra ora cerca il file functions.php e aprilo per modificarlo.
Prima di inserire le modifiche nel file fai una copia di backup che non si sa mai.
A questo punto copia il codice sottostante ed incollalo nel tuo file “functions.php” apportandpo le opportune modifiche:
- Riga 5: cambia l’URL dell’immagine che vuoi mostrare nella pagina di login, io ho usato il mio logo
- Riga 14: cambia l’URL del link dell’immagine, di default manda su wordpress.org
//* Personalizzare l'immagine nella pagina di login
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url(https://www.evemilano.com/wp-content/uploads/2013/04/logo-evemilano-std1000.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');
//* Personalizzare il link dell'immagine nella pagina di login
function custom_loginlogo_url($url) {
return 'https://www.evemilano.com/';
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
//* Personalizzare title tag image
function custom_login_title() {
return get_option( 'blogname' );
}
add_filter( 'login_headertitle', 'custom_login_title' );
{background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
Commenti |10
Lascia un commentoAll’aggiornamento del template la modifica va persa o rimane?
Ciao Roberto, grazie del commento. Dipende da dove lo inserisci – se lo script viene inserito nel file functions.php del tema lo perderai al momento dell’aggiornamento, se invece lo aggiungi in un file custom.php, ed esempio, resta invariato.
Come posso rimuovere anche il title “Powered by WordPress”?
Ciao Emanuele, nella schermata di Login non appare “Powered by WordPress”. Probabilmente il tuo tema ha una pagina custom dedicata che puoi editare.
A presto!
Ciao
mi unisco alla conversazione aggiungendo che “Powered by WordPress” esce passando il mouse e fermandosi con esso sul logo. Quelli in realtà è un tag html “title” che penso possa essere personalizzato direttamente nel css che Giovanni Sacheli ha gentilmente postato. dovrebbe essere inserito all’interno di questa riga:
h1 a {background-image: url(https://www.evemilano.com/wp-content/uploads/2013/04/logo-evemilano-std1000.png) !important; }
‘;
anche io però ho problemi nel farlo correttamente.
Ciao Angelo, grazie per la segnalazione. Ho aggiornato lo script aggiungendo la modifica del tag title. Spero vi possa aiutare!
A presto.
Ciao ho iniziato da un po’ ad usare wordpress, sei un GRANDE
GRAZIE
Grazie Ezia, spero che queste guide ti possano essere d’aiuto. A presto!
Ciao Giovanni, ho seguito quanto riportato nel tuo post, ma ho un problema.
Pur avendo creato un immagine di 274×63 pixel nella schermata di login la vedo molto più piccola.
Come è possibile?
GRAZIE
Cristina
Ciao Cristina,
il logo viene inserito applicandoci delle regole di stile, in particolare la dimensione del logo nella pagina di login è definita via CSS.
Ti consiglio di fare inspect sul logo, ti segni la classe o l’id CSS e poi vai a cercare la regola che viene applicata nel CSS del tema.
Vedrai che potrai cambiare le dimissioni del logo, la posizione e tutto quello che vorrai.
A presto!