Se anche tu vuoi dare al tuo blog WordPress un tocco unico, personalizzando la pagina di login con uno stile che rispecchi il design del tuo sito, sei nel posto giusto! Ti spiegherò come fare in modo semplice e veloce, sia con l’aiuto di plugin che manualmente, utilizzando codice CSS e PHP.
Perché personalizzare la pagina di Login?
Personalizzare la pagina di login di WordPress non è solo una questione estetica. Può:
- Rafforzare il brand del tuo blog o azienda.
- Migliorare l’esperienza utente (UX).
- Rendere il sito più professionale e accattivante.
Vediamo subito come fare!
Plugin per personalizzare la pagina di Login WordPress
Il modo più semplice per personalizzare la pagina di login è utilizzare un plugin. Eccone uno tra i più popolari:
Custom Login
Questo plugin ti permette di:
- Modificare i colori e le immagini di sfondo.
- Cambiare il logo di WordPress con il tuo.
- Personalizzare il design del modulo di accesso.
Come Installare Custom Login
- Accedi al pannello di amministrazione di WordPress.
- Vai su Plugin > Aggiungi Nuovo.
- Cerca “Custom Login” nel campo di ricerca.
- Installa e attiva il plugin.
Guarda anche il video di presentazione per scoprire alcune funzioni di Custom Login.
Se questo plugin non fa per te, puoi cercare altre alternative digitando nel campo di ricerca “plugin personalizzazione login WordPress”.
Come Modificare la Pagina di Login Manualmente
Se preferisci non usare plugin per evitare di appesantire il sito, puoi personalizzare la pagina di login manualmente. Bastano poche righe di codice e un po’ di attenzione!
Sostituire il Logo nella Pagina di Login
Ecco come cambiare il logo di WordPress nella pagina di login. Prima di iniziare, fai sempre un backup del file functions.php
del tuo tema.
Inserisci questo codice nel file functions.php
:
/* -------------------------------------------------------
PERSONALIZZARE LOGO PAGINA LOGIN
-------------------------------------------------------- */
function custom_loginlogo() {
echo ' h1 a {background-image: url('.../cropped-icon.png') !important; }
';
}
add_action('login_head', 'custom_loginlogo');
//* Personalizzare il link dell'immagine nella pagina di login
function custom_loginlogo_url($url) {
return 'https://www.youfriend.it/';
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
//* Personalizzare title tag image
function custom_login_title(){
return get_option( 'Youfriend.it' );
}
add_filter( 'login_headertitle', 'custom_login_title' );
Personalizzare lo Stile con CSS
Puoi aggiungere ulteriori personalizzazioni al file CSS del tema o direttamente al codice sopra. Ad esempio, puoi modificare i colori del modulo di accesso:
body.login {
background-color: #f0f0f0;
}
.login form {
background: #fff;
border-radius: 10px;
padding: 20px;
}
Se siete dei bravi smanettoni sarà possibile fare tante altre personalizzazioni e creare una pagina login personalizzata seguendo le istruzioni in questa pagina: Customizing_the_Login_Form
Conclusione
Ora che hai tutti gli strumenti necessari, puoi creare una pagina di login WordPress che lascia il segno! Che tu scelga di usare un plugin o di modificare il codice manualmente, il risultato sarà sicuramente sorprendente.
Guarda altri plugin per modificare login accesso worpdress
Se hai domande o vuoi condividere il risultato, lascia un commento qui sotto. Sono curioso di sapere come hai personalizzato la tua pagina di login! 😉