Skip to content

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; }

Articoli correlati

Autore

Commenti |10

Lascia un commento Lascia un commento
  1. Roberto 1 commento

    All’aggiornamento del template la modifica va persa o rimane?

    1. Giovanni Sacheli 754 risposte

      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.

  2. Emanuele 1 commento

    Come posso rimuovere anche il title “Powered by WordPress”?

    1. Giovanni Sacheli 754 risposte

      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!

      1. Angelo 1 commento

        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.

        1. Giovanni Sacheli 754 risposte

          Ciao Angelo, grazie per la segnalazione. Ho aggiornato lo script aggiungendo la modifica del tag title. Spero vi possa aiutare!

          A presto.

  3. Ezia 1 commento

    Ciao ho iniziato da un po’ ad usare wordpress, sei un GRANDE
    GRAZIE

    1. Giovanni Sacheli 754 risposte

      Grazie Ezia, spero che queste guide ti possano essere d’aiuto. A presto!

  4. Cristina 1 commento

    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

    1. Giovanni Sacheli 754 risposte

      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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ultimi articoli aggiornati

Richiedi un preventivo SEO e Google Ads

Porta il tuo sito web al livello successivo con l’expertise di EVE Milano. La nostra agenzia di Search Marketing ha ricevuto oltre 1123 richieste di preventivo, un segnale chiaro della fiducia che imprenditori e manager, come te, ripongono nella nostra specializzazione tecnica e verticale nella SEO e PPC. Se la tua organizzazione cerca competenze specifiche per emergere nei risultati di Google, noi siamo pronti a fornire quel valore aggiunto. Affidati alla nostra esperienza per fare la differenza.
Richiedi un preventivo

Non perderti altre guide, iscriviti per ricevere un avviso mensile con gli aggiornamenti del blog!

Iscriviti alla newsletter!

Informativa sui cookies

Noi e terze parti selezionate utilizziamo cookie o tecnologie simili per finalità tecniche e, con il tuo consenso, anche per le finalità di esperienza e misurazione come specificato nella cookie policy. Puoi liberamente prestare, rifiutare o revocare il tuo consenso, in qualsiasi momento, accedendo al pannello delle preferenze. Il rifiuto del consenso può rendere non disponibili le relative funzioni. Usa il pulsante “Accetta” per acconsentire. Usa il pulsante “Rifiuta” per continuare senza accettare.