Editor Studio: aggiungere e personalizzare i tasti

Tempo di lettura: 7 min.
I tasti sono un ottimo modo per incoraggiare i visitatori a interagire con un sito. Nell'Editor Studio, puoi aggiungere tasti che mostrano il testo, un'icona o entrambi. Hai il pieno controllo del design e del layout per poter creare l'aspetto che desideri.
Esempi di svariati design di tasti che puoi creare nell'Editor Studio
In questo articolo, scoprirai come:

Aggiungere un tasto

Quando aggiungi un nuovo tasto, puoi scegliere un design tra due categorie: 
  • Tasti base: questi tasti mostrano solo il testo e hanno un aspetto più "minimalista"
  • Tasti personalizzati: questi tasti possono mostrare sia testo che icone e offrono opzioni di personalizzazione avanzate (es. sfondi delle immagini, sfumature di colore e altro)

Per aggiungere un tasto:

  1. をクリック 要素の追加  編集部副部長
  2. Clicca su Tasti
  3. Scorri i design e trascina sulla pagina un tasto base o un tasto personalizzato
Hai bisogno di ispirazione?
Dai uno sguardo a questi tutorial sui tasti:

Personalizzare i tasti base

Dopo aver aggiunto un tasto base, modificane il testo e scegli a cosa si collega. Una volta impostato, puoi iniziare a personalizzare il design: seleziona un colore di riempimento diverso, aggiungi un'ombra e modifica altre impostazioni come la spaziatura e la formattazione del testo.

Per personalizzare un tasto base:

  1. Seleziona il tasto pertinente
  2. Scegli cosa vuoi personalizzare:
Screenshot di un tasto base con le opzioni di design del pannello Ispezione

Personalizzare i tasti personalizzati

I tasti personalizzati offrono moltissime opzioni di personalizzazione che ti consentono di progettarli nei minimi dettagli. Modifica il testo e l'icona in base all'azione desiderata, scegli come disporre i due elementi, imposta un gradiente o un'immagine come sfondo e molto altro ancora.

Per personalizzare un tasto personalizzato:

  1. Seleziona il tasto pertinente
  2. Scegli cosa vuoi personalizzare:
Screenshot di un tasto personalizzato con le opzioni di design del pannello Ispezione

この記事は役に立ちましたか?

|