Molto spesso ti ritroverai a creare pagine che contengono inviti all'azione. Una delle caratteristiche principali degli inviti all'azione sono i pulsanti. Per impostazione predefinita, Divi offre uno stile comune per ogni pulsante. È quindi abbastanza normale che tu voglia dare loro uno stile che si propone a quello del tuo brand.

In questo tutrice Divi, ti mostrerò come dare uno stile unico ai pulsanti del tuo sito web.

I pulsanti Divi sono infinitamente personalizzabili

Il Customizer del tema è dotato di tutte le opzioni di personalizzazione dei pulsanti che potresti trovare utili. Utilizzando questi controlli personalizzabili, puoi creare pulsanti unici e straordinari per il tuo sito web.

Per iniziare a personalizzare i pulsanti del tuo sito web, devi prima accedere al Customizer di temi cliccando sul link Divi> Personalizzazione del tema nella dashboard di WordPress. Quindi fare clic sul pannello "Pulsanti" per visualizzare le impostazioni del pulsante. Le impostazioni dei pulsanti sono separate in due sezioni: Stili dei pulsanti e Stili di rollover dei pulsanti.

personalizzazione di sboutons divi.png

Stile pulsante

Qui puoi regolare l'aspetto generale dei pulsanti utilizzando i vari controlli di personalizzazione. Puoi modificare il colore del testo e dello sfondo dei pulsanti, regolare la dimensione e lo stile del carattere del pulsante e persino creare pulsanti arrotondati utilizzando il dispositivo di scorrimento Bordo-Raggio. Inoltre, è possibile modificare il carattere e l'icona predefiniti utilizzati nei pulsanti.

personalizzazione buttons.png

Stile di volo stazionario

Puoi anche regolare lo stile al passaggio del mouse del pulsante. Quando esegui uno stile al passaggio del mouse diverso dal normale stile del pulsante, l'effetto verrà trasferito durante il passaggio del mouse, creando una bella animazione. Questa animazione viene attivata quando il Visitatori passa il mouse sopra il pulsante con il mouse.

configurazione del pulsante su overflight.png

Questo è tutto per questo tutorial, spero che ti permetta di personalizzare i pulsanti su Divi.