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' );Nota: in riga 5 è possibile inserire l’URL relativo alla cartella immagini del tema. Ricordati di cambiare il nome del file immagine!
{background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
Se questa guida ti è stata utile votala per farla salire in classifica!
Roberto
Ha contribuito con 1 commentoAll’aggiornamento del template la modifica va persa o rimane?
Giovanni Sacheli
👽 730 risposteCiao 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.
Emanuele
Ha contribuito con 1 commentoCome posso rimuovere anche il title “Powered by WordPress”?
Giovanni Sacheli
👽 730 risposteCiao Emanuele, nella schermata di Login non appare “Powered by WordPress”. Probabilmente il tuo tema ha una pagina custom dedicata che puoi editare.
A presto!
Angelo
Ha contribuito con 1 commentoCiao
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.
Giovanni Sacheli
👽 730 risposteCiao Angelo, grazie per la segnalazione. Ho aggiornato lo script aggiungendo la modifica del tag title. Spero vi possa aiutare!
A presto.
Ezia
Ha contribuito con 1 commentoCiao ho iniziato da un po’ ad usare wordpress, sei un GRANDE
GRAZIE
Giovanni Sacheli
👽 730 risposteGrazie Ezia, spero che queste guide ti possano essere d’aiuto. A presto!
Cristina
Ha contribuito con 1 commentoCiao 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
Giovanni Sacheli
👽 730 risposteCiao 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!