Impostazione dei colori e degli stili del sito web

Per impostare i colori e gli stili del sito web, vai su "Impostazioni sito" e clicca sulla scheda "Colori e stili".

Per impostare un colore per tutti i titoli, il testo, i link o lo sfondo della pagina in tutto il sito, clicca sul campo desiderato e seleziona manualmente un colore in uno dei tre formati disponibili oppure inserisci direttamente un codice colore.

Per modificare lo stile di tutti i link presenti sul sito web, clicca sul link "Impostazioni aggiuntive". Nelle impostazioni, specifica la larghezza e il colore della sottolineatura, nonché gli stili dei link al passaggio del mouse.

Per creare la tua libreria di stili personalizzata per il progetto, clicca sul pulsante "Gestisci stili".

Nel pannello Gestione stili è possibile aggiungere colori, stili tipografici e pulsanti. È inoltre possibile scaricare gli stili creati e importarli in un altro progetto.

Per aggiungere un nuovo stile al progetto, clicca su "Gestisci stili" e seleziona una delle opzioni: Crea stile colore, Crea stile tipografico o Crea stile pulsante.

Se hai già degli stili e desideri aggiungerne un altro, clicca sull'icona più accanto alle opzioni "Colore", "Tipografia" o "Pulsante" per aggiungerne uno nuovo. Il nuovo stile apparirà accanto a quello precedente.

Per modificare uno stile, cliccaci sopra.

Colore. Quando si crea uno stile di colore, specificare un nome e una descrizione che verranno poi visualizzati negli stili di progetto.

Tipografia. Quando si crea uno stile tipografico, sono disponibili le impostazioni relative al colore del testo, alla dimensione dei caratteri per diverse risoluzioni dello schermo, al tipo di carattere, allo spessore e ad altre impostazioni relative ai caratteri.

Nella parte superiore dell'editor dello stile tipografico è possibile visualizzare un'anteprima del carattere. Per vedere come viene visualizzato il carattere su un dispositivo mobile, selezionare l'intervallo desiderato nel pannello delle impostazioni dei breakpoint.

Per modificare i punti di interruzione, clicca sull'icona a forma di ingranaggio: si aprirà un menu con i dispositivi predefiniti.

Pulsante. Quando crei uno stile pulsante, puoi anche scegliere di visualizzare un'icona o il testo avvolgente. Puoi anche impostare le impostazioni tipografiche, lo stile al passaggio del mouse e altre impostazioni di base.

Lo stile pulsante può anche essere visualizzato in anteprima su diversi dispositivi ed è possibile modificare i punti di interruzione.

Colore. Per utilizzare lo stile di colore creato, clicca su qualsiasi elemento a cui desideri assegnare un colore e, nell'editor, seleziona Stili di progetto.

Seleziona lo stile desiderato e verrà applicato automaticamente al blocco. Il campo con il colore specificato mostrerà il nome dello stile, oltre a un'icona che indica che lo stile di colore del progetto è stato applicato al campo.

Tipografia. Per utilizzare lo stile tipografico creato, nelle impostazioni del blocco, seleziona la scheda "Tipografia" e clicca su "Stili".

Nel menu contestuale, clicca sullo stile desiderato e questo verrà automaticamente applicato al blocco. Per accedere alle impostazioni dello stile, clicca su Vai alla libreria degli stili.

Dopo aver applicato gli stili per la tipografia, nelle impostazioni verranno visualizzate solo le opzioni che non sono state specificate per quello stile. Dopo aver modificato queste opzioni, le modifiche verranno applicate solo al blocco corrente e non influenzeranno lo stile tipografico impostato nel progetto.

Pulsante. Per utilizzare lo stile pulsante creato, nelle impostazioni del blocco, seleziona la scheda "Pulsante" e clicca su "Stili" accanto alle impostazioni predefinite.

Nel menu contestuale, clicca sullo stile desiderato e verrà applicato automaticamente.

Come in precedenza, nelle impostazioni del pulsante verranno visualizzate solo quelle che non sono state specificate nello stile stesso. È possibile modificarle o lasciarle invariate.

Per aggiungere un'icona al pulsante, vai alla sezione "Contenuto" del blocco.

Accanto al pulsante apparirà uno spazio per l'icona. Cliccaci sopra per aggiungere un'icona. Si aprirà un menu con le opzioni disponibili per le icone: frecce, emoji, Tilda , The Noun Project e l'opzione per caricare i tuoi file icona.

Per modificare l'icona visualizzata al passaggio del mouse sul pulsante, clicca sull'opzione "Aggiungi icona al passaggio del mouse".

Seleziona un'icona e salva le modifiche.

Per eliminare un'icona, clicca sulla sua immagine accanto al testo del pulsante. Seleziona la scheda "Icona" e clicca sul cestino. Salva le modifiche e l'icona scomparirà.

Per scaricare lo stile del progetto, clicca sul pulsante Gestisci stili e seleziona l'opzione desiderata. Verrà scaricato sul tuo dispositivo un file con il nome del progetto e l'estensione .tildastyles.

Per caricare uno stile, seleziona l'opzione corrispondente nel menu contestuale. I nuovi stili verranno aggiunti agli stili creati in precedenza nel progetto. Gli stili creati in precedenza nel progetto non verranno eliminati né aggiornati.

Se elimini uno stile dal progetto e poi salvi le impostazioni, lo stile continuerà ad essere applicato alle impostazioni dei blocchi per le successive 2 settimane. Verrà visualizzata una notifica nei blocchi in cui lo stile era stato precedentemente applicato.

Dopo due settimane, lo stile verrà completamente eliminato dal progetto e le impostazioni dei blocchi verranno ripristinate.

Se hai aggiunto stili a una pagina in un progetto e poi devi trasferire la stessa pagina a un altro progetto nell'account corrente o in un altro account, la pagina verrà trasferita insieme agli stili.

Durante il trasferimento, gli stili verranno copiati nel nuovo progetto affinché i blocchi vengano visualizzati correttamente.

Quando si tenta di trasferire una o più pagine con stili a un progetto all'interno dello stesso account in cui il limite di stili è stato o sarà raggiunto, verrà visualizzata una notifica di errore. Per completare il trasferimento della pagina, è necessario eliminare gli stili in eccesso in un altro progetto.

Quando si trasferiscono una o più pagine con stili a un progetto in un altro account in cui è stato raggiunto il limite, le pagine non verranno trasferite. Facendo clic su Accetta, verrà visualizzata una notifica che indica che il limite è stato superato e che è necessario eliminare gli stili in eccesso.