Introduzione

Come sapete, il tema WordPress Divi permette di aggiungere una piccola barra superiore al menu, dove inserire la nostra mail e il nostro numero di telefono, per una rapida consultazione! La mail del menu secondario di Divi è cliccabile fin da subito, ma quanto sarebbe comodo se ci potessero chiamare premendo sul numero di telefono? In questo tutorial, senza l’aiuto di alcun plugin, ti insegnerò come rendere cliccabile il numero di telefono nel menu secondario di Divi, per aumentare l’usabilità del tuo sito ed aumentare le possibilità di farti contattare con un semplice click! Bastano pochi minuti: il tuo tema child è pronto per partire? Scorri e scopri come rendere cliccabile il numero di telefono nel top-header di Divi!

Loggati e vai ad aprire l’opzione nel modificatore di tema

Trova la schermata per impostare il tuo numero di telefono Se ti sarai loggato al sito che vuoi modificare, potrai accedere al menu di WordPress in alto: dal nome del tuo sito in alto a sinistra potrai far apparire la tendina del menu, semplicemente passandoci sopra col mouse; scorri fino a premere su Modificatore del tema, o Theme Customizer se la tua versione è in inglese.

Scorri e trova l’opzione “Header e Navigazione”.
A questo punto ti basterà premere su “Elementi Header”.
Ben arrivato! Qui potrai finalmente impostare le opzioni di Divi in modo da poter inserire la tua mail e il tuo numero di telefono.

Rendere cliccabile il numero di telefono di Divi

Copiare il codice HTML

Ora che ti trovi nella schermata di Divi per poter impostare il tuo numero di telefono e la tua mail, ti basterà un piccolo trucco per rendere cliccabile il tuo numero di telefono! Infatti, non dovrai semplicemente impostare il tuo numero di telefono, ma dovrai utilizzare il codice HTML che trovi qui sotto:

Ecco un esempio di come diventa il numero di telefono quando è cliccabile » 3838383838.
Una volta fatto, ti basterà pubblicare i tuoi progressi con il tasto azzurro “Pubblica” in alto! Semplicissimo vero? Ora salva tutto e ricarica il tuo sito! E’ arrivato il momento di testare la nuova User Experience del tuo sito con questa fantastica chicca che aumenterà l’usabilità del tuo menu con un bel numero di telefono cliccabile nel top header!

Conclusione

Vuoi portare la creazione di siti con Divi ad un livello professionale? Scopri i nostri temi child e i corsi online dedicati a Divi nello store di imparaqui.it. Se hai qualsiasi domanda non esitare a scrivere nei commenti e ricorda di iscriverti al gruppo Divi Italian Community per condividere la tua esperienza, richiedere consigli e conoscere altre persone che usano il tema Divi quotidianamente come te!

Alessandro Lagasca

UX e Web Designer di Novara, appassionato di usabilità e comunicazione, crea siti web e progetta app per rendere il web un posto migliore! Lavora come User Experience Designer per aumentare il valore di progetti web che crea con Wordpress e fornisce consulenza di usabilità per migliorare le esperienze utente.

logo-imparaqui

Unisciti alla Community!

Ricevi le risorse su Divi, Bloom, Monarch, e i tutorial e i lanci per i corsi online riservati alla community di imparaqui.it - incluso accesso al gruppo Facebook!

Risorse speciali

Consenso trattamento dati

Quali argomenti ti interessano?

Benvenuto/a nella community!

Unisciti alla community

Accedi alla più grande community italiana dedicata a chi usa il tema WordPress Divi di Elegant Themes!

Risorse speciali

Usi il tema WordPress Divi?

Consenso trattamento dati

Quali argomenti ti interessano?

Perfetto, controlla la tua casella di posta!