Editor Wix: personalizzare il design dei tasti

Tempo di lettura: 7 min.
Crea tasti accattivanti che si adattano al tuo sito e invitano i visitatori a interagire. 
Clicca sull'icona Design sul tasto per iniziare a personalizzarlo.
Screenshot di un tasto dopo essere stato selezionato. L'icona Design è in evidenza
Nota:
Le opzioni per gli stati dei tasti variano a seconda del tipo di tasto selezionato.

Progettare il design del tasto

Sono disponibili diverse opzioni di personalizzazione. A seconda del tipo di tasto, puoi regolare lo sfondo, il testo e l'icona. Scegli i colori, i riempimenti, gli angoli, le ombre e altro ancora.
Personalizza ogni stato del tasto individualmente per creare effetti accattivanti mentre i visitatori navigano sul tuo sito. Usa colori vivaci e distinti per gli stati predefinito, al passaggio del mouse e attivo di ogni tasto per migliorare il coinvolgimento e far risaltare ciascuno di essi.
Screenshot di diversi tipi di tasti
Nota:
Le opzioni di personalizzazione disponibili dipendono da ciò che scegli di mostrare sul tasto (testo, icona o entrambi).

Per progettare il design del tuo tasto:

  1. Vai al tuo Editor
  2. Clicca sul tipo di tasto che vuoi personalizzare tra le opzioni riportate di seguito:
Scopri di più su come personalizzare altri tipi di tasti:

Glossario di design

Opzioni di design dei tasti

Opzione
Spiegazione
Come si usa
Riempimenti sfondo
Aggiungi riempimenti diversi come colori, immagini, motivi e gradienti per creare effetti vivaci e professionali sul tuo tasto 
  • Clicca sul selettore colore per ogni livello e scegli il tipo di riempimento, quindi trascina il cursore per modificare l'opacità del livello di riempimento
  • Riordina i livelli di riempimento trascinandoli verso l'alto e verso il basso nell'elenco 
Bordi
Personalizza il bordo del tasto per farlo risaltare. Personalizza tutti i lati del tasto insieme, o ciascun lato separatamente, cliccando sull'icona Blocca e Sblocca 
  • Clicca sul campo Larghezza e inserisci la larghezza del bordo del tasto in pixel
  • Clicca sul menu a tendina Stile e seleziona lo stile del bordo
  • Clicca sulla casella Riempi per selezionare il colore del bordo, quindi utilizza il cursore per regolare l'opacità 
Angoli
Modifica gli angoli del tasto per renderli più arrotondati o squadrati. Modifica le dimensioni di tutti gli angoli o personalizza ogni angolo separatamente cliccando sull'icona Blocca e Sblocca 
Clicca sul campo in pixel di un angolo e inserisci il numero di pixel che desideri applicare
Ombra
Aggiungi livelli di ombre al tasto e personalizza il colore, le dimensioni e altro ancora
  • Clicca sulla casella del colore per ogni livello di ombra e personalizzane il colore, il tipo, l'angolo, le dimensioni, la distanza e la sfocatura. Quindi, trascina il cursore per modificare l'opacità dell'ombra
  • Riordina i livelli di ombra trascinandoli verso l'alto o verso il basso dell'elenco 
Se utilizzi un tasto Carica:
  • Clicca sull'interruttore per abilitare le ombre
  • Usa i cursori per modificare l'angolo, la distanza, le dimensioni e la sfocatura. Quindi, utilizza il cursore e la casella dei colori per modificare l'opacità e il colore
Layout

Modificare il layout del tasto
  • Clicca sul menu a tendina Che c'è scritto sul tasto e scegli se vuoi visualizzare il testo, l'icona o entrambi
  • Seleziona l'allineamento, la posizione e la spaziatura del testo e/o dell'icona (se pertinente)
  • Imposta la spaziatura interna attorno al testo e/o all'icona

Opzioni di formattazione del testo

Opzione
Spiegazione
Come si usa
Mostra testo
Mostra o nascondi il testo sul tasto
Clicca sull'interruttore per mostrare o nascondere il testo sul tasto
Tema
Seleziona il tema per il testo del tasto
Seleziona un tema di testo dal menu a tendina
Font
Scegli il carattere per il testo del tasto
Clicca sul menu a tendina e seleziona un carattere
Dimensione carattere
Modifica la dimensione del testo sul tasto
Trascina il cursore per aumentare o diminuire la dimensione del carattere o inserire un valore
Formattare il testo
Applica un formato al testo 
  • Formatta il testo utilizzando le opzioni: grassetto, corsivo, sottolineato, barrato, colori, maiuscole e direzione e allineamento del testo
Spaziatura caratteri
Modifica la spaziatura tra i caratteri del testo
Trascina il cursore per aumentare o diminuire la spaziatura o inserisci un valore
Ombra
Crea ombre nel testo Puoi selezionare più di un'ombra
Clicca su Aggiungi ombra per aggiungerne una nuova. Clicca sull'icona Personalizza ombra per modificarla come vuoi

Opzioni di design delle icone

Opzione
Spiegazione
Come si usa
Mostra icona
Mostra o nascondi un icona sul tasto
Clicca sull'interruttore per mostrare o nascondere l'icona sul tasto
Dimensione
Modifica le dimensioni dell'icona
Trascina il cursore per aumentare o diminuire la dimensione dell'icona o inserire un valore
Colore
Modifica il colore dell'icona
Clicca sulla casella del colore e seleziona un colore
Rotazione
Regola la rotazione dell'icona
Trascina la maniglia per personalizzare la rotazione dell'icona o inserisci i gradi nella casella di testo