Un’esigenza piuttosto comune per gli utilizzatori di WordPress, soprattutto per chi sviluppa siti per conto di clienti, è quella di modificare la grafica e i link della pagina di login WordPress
Naturalmente ci sono diversi plugin che possono espletare tale funzione ma a me piace poco utilizzare plugin di terze parti, specialmente per funzioni semplici non trovo utile sovraccaricare il sistema con plugin soggetti a manutenzione che potrebbero, nel tempo, causare problemi di compatibilità.
Una delle caratteristiche che mi piacciono di più di WordPress è che attraverso un unico file si possono aggiungere e modificare funzionalità anche complesse senza necessità di installare componenti esterni.
Il file in questione è sempre il solito “functions.php”. Al riguardo, è assolutamente raccomandabile non modificare il file “functions.php” del tema originale ma creare un “child theme” e creare un file functions all’interno della sua directory. In questo modo saremo al riparo da aggiornamenti sia al “core” di WP che del template utilizzato.
A questo punto siamo gà a metà dell’opera. bastano poche righe per la personalizzazione del login di WordPress:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<?php //customizzazione pagina di login function my_login_logo() { ?> <style type="text/css"> /* stile personalizzato */ body.login div#login h1 a { background-image: url(/images/new/logo.png); background-size: 266px 70px; padding-bottom: 20px; width:100%; } body.login div#login{width:266px!important;height:70px!important} </style> <?php } add_action( 'login_enqueue_scripts', 'my_login_logo' );//carichiamo lo stile nella parte head //modifichiamo l'url a cui deve puntare l'immagine che abbiamo sostituito con la funzione precedente function my_login_logo_url() { return "/";//link che punta alla homepage del nostro sito invece che a worpress.org come di default } add_filter( 'login_headerurl', 'my_login_logo_url' ); //definiamo il title del logo ovvero ciò che compare al mouseover function my_login_logo_url_title() { return 'Italiadiscovery: la guida online per conoscere l'Italia'; } add_filter( 'login_headertitle', 'my_login_logo_url_title' ); ?> |
Tutto qua, si tratta di una personalizzazione molto semplice che potete utilizzare per modificare a piacimento la vostra pagina di login all’area amministrazione di WordPress…
Volevo cambiare il colore di sfondo della pagina del login come posso fare?
Ciao Daniele, supponendo che tu abbia il child theme come spiegato nella nostra guida, dovrai fare queste aggiunte nel file style.css:
1. se vuoi cambiare il colore di sfondo dell’intera pagina:
body.login {
background-color: #262B2C;
}
Al posto di #262B2C devi mettere il codice esadecimale del colore che vuoi, oppure un colore in chiaro (es. red, yellow, black, ecc.). Per la lista dei colori web utilizzabili puoi cercare in rete.
2. Se vuoi cambiare colore soltanto al form:
.login form {
background-color: #262B2C;
}
Spero che queste indicazioni ti siano di aiuto 🙂
Buongiorno, alcune domande sono neofita di wp e già mi ha stufato, sto diventando matto per inserire una sezione di login e registrazione con captcha etc.. ma senza risultati, ho installato ajax plugin, ma sembra non funzionare, per evitare di mettere troppi login inutili volevo settare la sezione meta, ma non essendo un programmatore ho rinuncato, cosa devo fare? ho visto anche altri plugin ma dovrei creare 4 pagine il che è assurdo, mi potete aiutare? grazie.
Dunque, molto dipende da cosa si vuole ottenere con il login degli utenti.
Le funzionalità native di WP sono essenzialmente legate alla possibilità per gli utenti registrati di scrivere contenuti oppure di accedere a pagine “private”. Vi sono poi i plugin, che dovrà cercare in base a ciò che il suo progetto prevede. Ad esempio semplici plugin consentono di inviare newsletter o email, avvisare quando si sono pubblicati nuovi contenuti etc…
Tutto ciò che si vuole fare va progettato, vanno ricercati plugin adeguati ed eventualmente si possono implementare funzionalità specifiche con la scrittura di codice ad hoc. Siamo a disposizione per consulenze via skype a costi modici (basic eur 10.00/15 min; advanced eur 20.00/15 min) contattateci per prenotare.