Editor Studio: aggiungere e personalizzare gli effetti di testo
5 min
In questo articolo:
- Aggiungere un effetto del testo
- Progettare il design dell'effetto di testo
- Formattare il testo
Usa gli effetti di testo per decorare il sito del tuo cliente con titoli e frasi accattivanti che attirino l'attenzione. Questi elementi completamente personalizzabili ti consentono di personalizzare l'effetto in modo che sia audace o sottile come richiesto dal design. Scegli tra una varietà di effetti predefiniti e personalizzane il design per completare il resto della pagina.
Suggerimento:
Se stai utilizzando il Gestore contenuti, puoi collegare gli effetti di testo al contenuto della raccolta per mostrare il testo dinamico nell'elemento.
Aggiungere un effetto del testo
Esplora la nostra selezione di effetti di testo artistici nel pannello Aggiungi elementi. Ogni effetto dà un tono distinto e conferisce un carattere unico al sito del tuo cliente. Questi effetti sono solo il punto di partenza: puoi perfezionarli e personalizzarli per abbinarli perfettamente al resto del sito.
Per aggiungere un effetto del testo:
- Clicca su Aggiungi elementi
sul lato sinistro dell'Editor - Clicca su Testo o Decorativo
- Clicca su Effetti del testo
- Trascina l'effetto di testo scelto sulla pagina
- Scrivi il testo:
- Clicca sull'elemento effetto di testo
- Clicca su Cambia testo
- Inserisci il testo
Progettare il design dell'effetto di testo
Gli effetti di testo sono completamente personalizzabili, consentendoti di personalizzare il design in base alle esigenze e alla visione del tuo cliente. Ogni effetto ha un insieme unico di impostazioni di design, disponibili nel pannello Ispezione. Esplora opzioni come i colori, i livelli e il movimento per far risaltare l'effetto.
Usare i punti di interruzione:
Le impostazioni di design si trasmettono a cascata dai punti di interruzione più ampi, ma puoi personalizzarle su quelli più piccoli, se necessario.
Per progettare l'effetto di testo:
- Seleziona l'elemento effetto di testo
- Clicca sull'icona Apri Ispezione
in alto a destra dell'Editor
- A seconda dell'effetto di testo che hai scelto, personalizza le impostazioni disponibili nella sezione Design:
- Colore/Colore riempimento: scegli i colori che compongono l'effetto. A seconda dell'effetto specifico, puoi selezionare un colore singolo, più colori o applicare un gradiente
- Movimento: abilita l'interruttore per aggiungere un effetto animato che appare al passaggio del mouse. Imposta la velocità usando il cursore per rendere l'animazione più veloce o più lenta
- Testo: modifica il carattere, le dimensioni, le maiuscole e altro ancora. Scopri di più sulle opzioni di formattazione del testo nella sezione seguente
- Rotazione del testo: abilita l'interruttore per far ruotare ogni carattere o parola in direzioni diverse Puoi scegliere il motivo e impostare la rotazione e/o l'offset (varia in base al motivo).
- Livelli: modifica i livelli visivi per creare profondità nel design. Imposta il numero desiderato di livelli, definiscine i colori, modifica l’angolo e la spaziatura tra di essi per ottenere un effetto su misura
- Smussatura: regola l’angolo per controllare la direzione di luci e ombre, creando un effetto 3D sui bordi del testo
- Striscia: regola le dimensioni, l'angolo e lo spessore delle strisce
- Maschera: modifica la posizione della maschera e il livello di sfocatura per controllare la parte del testo da mostrare o sfocare
- Glow (Bagliore): ingrandisci o rimpicciolisci il bagliore che circonda il testo
- Bordo: imposta il colore e la larghezza del bordo per delineare il testo
- Ombreggiatura: modifica il colore, l'angolo, la sfocatura e la distanza dell'ombra
Nota: in alcuni effetti, il colore dell'ombra corrisponde automaticamente ai colori di riempimento che hai scelto
Suggerimento:
Puoi aggiungere un'animazione per rendere l'effetto del testo ancora più dinamico. Clicca sulla scheda Animazioni ed effetti 
nel pannello Ispezione per aggiungere una delle seguenti animazioni: Entrata, Passaggio del mouse, Clic, Scorrimento, Loop o Effetti mouse.
nel pannello Ispezione per aggiungere una delle seguenti animazioni: Entrata, Passaggio del mouse, Clic, Scorrimento, Loop o Effetti mouse.Formattare il testo
Modifica il carattere, la spaziatura, l'allineamento e altre impostazioni di formattazione per assicurarti che il design si adatti perfettamente al sito del tuo cliente.
Per modificare la formattazione del testo:
- Seleziona l'elemento effetto di testo
- Clicca sull'icona Apri Ispezione in alto a destra dell'Editor
- Clicca su Testo sotto Design
- Modifica le impostazioni di formattazione disponibili:
- Assegna a questo elemento di testo uno stile tipografico
- Modifica il carattere e la dimensione del carattere:
- Regola la spaziatura orizzontale e verticale dei caratteri
- Applica grassetto o corsivo al testo
- Allinea il testo
- Modifica le maiuscole (es. rendi il testo tutto minuscolo)
Suggerimento sull'accessibilità:
Se questo elemento effetto di testo è puramente decorativo, il che significa che non include informazioni importanti per gli screen reader, seleziona la casella di spunta accanto a Questo testo è solo decorativo.