5 novembre 2025

Stili. Un sistema di styling unificato per il vostro sito web

Impostate la tipografia, i pulsanti e la tavolozza dei colori per il vostro progetto in un unico posto. Applicate gli stili agli elementi del sito web con un paio di clic. Se è necessario aggiornare il design, è sufficiente modificare lo stile: tutte le modifiche verranno applicate automaticamente all'intero sito web.

Dove si trova: Impostazioni del sito → Colori e stili → Gestisci stili

Come gli stili migliorano il flusso di lavoro

  • Creazione più rapida del sito web. Non è necessario personalizzare da zero ogni nuovo pulsante o titolo. Basta selezionare uno Stile e tutte le impostazioni tipografiche e di aspetto verranno applicate automaticamente.

  • Risparmio di tempo per l'aggiornamento del design. Immaginate di aver costruito un sito web e di decidere in seguito di cambiare le dimensioni, il colore o il carattere dell'intestazione. Prima potevano volerci ore; ora, con gli Stili, è possibile aggiornarli in pochi clic direttamente nelle Impostazioni del sito.

  • Identità visiva coerente. L'uso degli stili facilita il mantenimento di un aspetto unificato in tutte le pagine. Quando le intestazioni, il testo e i pulsanti hanno uno stile coerente, il sito web appare curato e professionale.

Cosa si può personalizzare con gli stili

Tipografia
Impostare l'aspetto di titoli, sottotitoli, testo del corpo e altri elementi di testo. Ad esempio, è possibile impostare il carattere Tilda Sans, la dimensione del carattere di 36px e il peso del carattere Bold per tutte le intestazioni del sito. Per il testo del corpo, è possibile impostare una dimensione del carattere più piccola, 24px, e scegliere il peso del carattere Normale invece del Grassetto.
Come applicare uno stile tipografico: Nelle Impostazioni del blocco, aprire la scheda Tipografia → Stili → scegliere uno Stile. Lo stile verrà applicato automaticamente al blocco. Oppure fare clic su un elemento di testo e selezionare uno stile nel widget di accesso rapido.
Pulsanti
È possibile impostare il colore del pulsante, il bordo, il raggio, il padding, l'ombra e aggiungere un'icona. È anche possibile configurare un effetto hover, ad esempio ridimensionare il pulsante al passaggio o cambiare il suo colore di sfondo.
Come applicare lo stile di un pulsante: Nelle Impostazioni del blocco, aprire la scheda Pulsante → Stili → scegliere uno Stile per il pulsante. Oppure fare clic sul pulsante nella pagina e scegliere uno stile nel widget che appare.
Sia la tipografia che gli stili dei pulsanti supportano le impostazioni responsive, consentendo di definire valori diversi per i punti di interruzione su desktop, tablet e dispositivi mobili (ad esempio, un'intestazione di dimensioni inferiori su dispositivi mobili).
Colori
Creare una tavolozza di colori per mantenere il linguaggio visivo coerente in tutto il sito. Ad esempio, il grigio e il beige possono essere utilizzati come colori primari, mentre il rosa può essere usato come accento. In questo modo è possibile applicare più rapidamente i colori desiderati, ad esempio per le schede o le copertine delle pagine.
Come applicare un colore dalla tavolozza. Nel blocco Impostazioni, quando si seleziona il colore di un elemento, si apre un widget. Selezionare Stili progetto nel menu a discesa e scegliere il colore desiderato.

Esportazione e importazione di stili

È possibile scaricare gli stili del progetto e riutilizzarli in un altro progetto Tilda.
Per esportare uno stile, in Impostazioni del sito → Colori e stili, fare clic su Gestisci stili e scegliere Scarica stili: si otterrà un file .tildastyles con il nome del progetto.
Per importare uno stile, fare clic su Carica stili nello stesso menu e selezionare un file .tildastyles (altre estensioni di file non verranno caricate). Gli stili appena aggiunti appariranno accanto a quelli esistenti.
Saremmo lieti di conoscere le vostre impressioni sulla nuova funzione: sentitevi liberi di condividerle sui social media. Se avete suggerimenti per un miglioramento, contattate il nostro team di assistenza nel vostro account o inviate un'e-mail a team@tilda.cc.
Vedi anche

Personalizzate l'aspetto del vostro quiz, aggiungete un messaggio di benvenuto e le richieste di aiuto di un consulente virtuale e configurate i risultati in base alle risposte degli utenti.

Per saperne di più

Trasformate gli elementi raggruppati in un unico elemento e personalizzatene le impostazioni.

Per saperne di più
Realizzato su
Tilda