La personalizzazione della schermata di accesso di WordPress è uno dei modi più semplici per personalizzare il vostro sito o migliorare la coerenza del marchio. Che stiate costruendo un sito per un cliente o gestendo un vostro progetto, sostituire il logo predefinito di WordPress con il vostro è rapido ed efficace. In questo tutorial vi spiegheremo come cambiare il logo di accesso a WordPress, senza bisogno di conoscenze di codifica.

Metodo 1: utilizzare un plugin (facile per i principianti)

Il modo più semplice per cambiare il logo di accesso è utilizzare un plugin.

Passi:

  • Andare su Plugin → Aggiungi nuovo nella dashboard di WordPress.
  • Cercate LoginPress e installatelo.
  • Attivate il plugin.
  • Andate su LoginPress → Customizer.
  • Fare clic su Logo e caricare l’immagine personalizzata.
  • Salvare le modifiche.

Il plugin sostituisce automaticamente il logo predefinito nella pagina di accesso a yourdomain.com/wp-login.php.

Metodo 2: Cambiare il logo manualmente (utenti avanzati)

Preferite evitare i plugin? Potete cambiare il logo manualmente modificando il file functions.php del vostro tema.

Passaggi:

  1. Caricate il vostro logo (idealmente 80x80px) nella cartella immagini del vostro tema o nella Media Library.
  2. Aprire functions.php nella cartella del tema.
  3. Aggiungere il seguente codice:
function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 È possibile utilizzare anche wp_get_attachment_url() se il logo è stato caricato tramite la Libreria multimediale.

Bonus: Cambiare il link dell’URL di accesso

Per impostazione predefinita, il logo di accesso reindirizza a wordpress.org. È possibile cambiarlo con la propria homepage:

function custom_login_logo_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');

E personalizzare il titolo (testo in primo piano):

function custom_login_logo_url_title() {
    restituisce "Benvenuto nel tuo sito!";
}
add_filter('login_headertext', 'custom_login_logo_url_title');

Suggerimenti per ottenere i migliori risultati

  • Utilizzate un logo PNG trasparente per un’estetica più pulita.
  • Mantenere il logo sotto i 100 KB per ridurre il tempo di caricamento.
  • Se si utilizza un tema figlio, apportare tutte le modifiche lì per evitare perdite dopo gli aggiornamenti.

Conclusione

La sostituzione del logo di accesso predefinito di WordPress richiede solo pochi minuti e migliora immediatamente il branding del vostro sito. Sia che scegliate un plugin o la via manuale, entrambi i metodi sono semplici ed efficaci.