Editor Wix: personalizzare il design dei tasti

In questo articolo:

Progettare il design del tasto
Glossario di design
Opzioni di design dei tasti
Opzioni di formattazione del testo
Opzioni di design delle icone

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.

Qual è la differenza tra gli stati dei 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:

Vai al tuo Editor
Clicca sul tipo di tasto che vuoi personalizzare tra le opzioni riportate di seguito:

Personalizza un tasto testo e icona

Personalizza un tasto icona

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