Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Formattare e definire lo stile del testo

In Squarespace, vi sono due modi principali per personalizzare il testo:

  • Formattare la struttura del testo, intestazioni, elenchi, rientri e grassetto/corsivo inclusi.
  • Definire lo stile del testo, tipi di carattere, colori, dimensioni e spaziature inclusi.

Formatterai il testo negli editor in cui lo aggiungerai, ad esempio i Blocchi di testo. Potrai definire lo stile del testo nel pannello Design.

Formattare testo

La formattazione crea una struttura basilare del testo, aiutandoti a organizzare le tue idee sulla pagina. Puoi applicare la formattazione al testo in fase di editing o durante l'aggiunta del testo stesso.

Per formattare il tuo testo:

  1. Negli editor di testo, come Blocco di testo, evidenzia il testo che desideri formattare.
  2. Utilizza le icone nella barra degli strumenti per applicare la formattazione al testo.

Per ulteriori informazioni, clicca sui link riportati di seguito:

Non vedo tutte le opzioni di formattazione

Alcune aree di testo, come quelle dei pannelli e delle impostazioni pagina, hanno diverse opzioni di formattazione. Ad esempio, potresti non vedere l'icona degli appunti per incollare come testo normale, perché queste aree eliminano automaticamente la formattazione quando si incolla il testo.

Definire lo stile del testo

Lo definizione dello stile regola la tipografia (design del tipo di carattere), conferendo alle parole personalità ed eleganza. Dopo aver formattato il testo, utilizza le opzioni del pannello Design per cambiare lo stile. Il modo in cui puoi cambiare lo stile del testo del sito dipende dalla versione del sito.

Per definire lo stile del testo, utilizza i pannelli Tipi di carattere e Colori per impostare tipi di carattere e colori a livello di sito oppure personalizzarli per una sezione specifica.

Per maggiori informazioni, visita Modificare i tipi di carattere e Modificare i colori.

Per definire lo stile del testo, utilizza il pannello Stili sito per scegliere i tipi di carattere e i colori del testo. Per aiutarti a ottenere un aspetto coerente, i tweak Stili sito si applicano a tutto il testo che presenta uno specifico formato.

Ad esempio, puoi cambiare contemporaneamente i tipi di carattere di tutte le intestazioni o quelli di tutto il corpo del testo. Ogni modello presenta opzioni di stile di testo leggermente diverse. Per maggiori informazioni a proposito, consulta Modificare i tipi di carattere.

Segui questi link per maggiori informazioni sulle opzioni di stile specifiche:

Allinea

Nella barra degli strumenti Blocco di testo, clicca sull'icona di allineamento paragrafo per allineare il testo a sinistra, al centro o a destra.

align.png

Grassetto

Nella barra degli strumenti del Blocco di testo, clicca su B per applicare il grassetto al testo.

toolbar-bold.png

Codice

La modalità di visualizzazione del codice dipende dalla versione del tuo sito.

La barra degli strumenti Blocco di testo non formatta il testo come codice. Per visualizzare esempi di codice nel testo, utilizza l'opzione Visualizza origine in un Blocco codice.

Nella barra degli strumenti del Blocco di testo, utilizza il menu a discesa Formato per selezionare Codice. Così facendo, potrai rappresentare esempi di codice evitando che il codice appaia nel Blocco di testo.

In base ai tuoi bisogni, potresti utilizzare l'opzione Visualizzazione origine in un Blocco codice, dato che tale blocco formatta automaticamente gli snippet di codice per migliorarne la leggibilità.

Intestazioni

Nella barra degli strumenti Blocco di testo, utilizza il menu a discesa Formato per creare le intestazioni. Le opzioni di intestazione differiscono in base alla versione del sito.

Scegli tra quattro livelli di intestazioni:

  • Titolo 1 (H1)
  • Titolo 2 (H2)
  • Titolo 3 (H3)
  • Intestazione 4 (h4)

Scegli fra tre livelli di intestazione:

  • Titolo 1 (H1)
  • Titolo 2 (H2)
  • Titolo 3 (H3)
Suggerimento: crea una citazione combinando gli stili dell'intestazione e disponendo un Blocco di testo attorno all'altro.

Rientro

Nella barra degli strumenti Blocco di testo, clicca sulle icone di aumento o riduzione del rientro per applicare al testo un rientro a sinistra o a destra. Il rientro si applicherà sempre all'intero paragrafo. Non è possibile rientrare una singola riga.

text_toolbar_-_indent.png

Corsivo

Nella barra degli strumenti Blocco di testo, clicca su I per applicare il corsivo al testo.

toolbar-italics.png

Link

Nella barra degli strumenti Blocco di testo, clicca sull'icona del link. Puoi creare un link a:

  • Una pagina esterna
  • Una pagina interna
  • Un file
  • Indirizzo email
  • Un numero di telefono

Per saperne di più, visita Aggiungere link al tuo sito.

toolbar-link.png

List (Lista)

Nella barra degli strumenti Blocco di testo, clicca sulle icone di elenco numerato ed elenco puntato per creare degli elenchi.

text_toolbar_-_list.png

Paragrafo o testo normale

Formatta il corpo del testo principale del sito utilizzando la barra degli strumenti Blocco di testo. La designazione del testo e lo stile dipendono dalla versione del tuo sito.

Nella barra degli strumenti Blocco di testo, utilizza il menu a discesa per scegliere un'opzione Paragrafo e aggiungere un corpo del testo normale. Scegli fra tre livelli di testo del paragrafo:

  • Paragrafo 1
  • Paragrafo 2
  • Paragrafo 3

Modifica le dimensioni e il tipo di carattere formattando il testo Paragrafo nel pannello Tipi di carattere.

Il testo del sito segue la tavolozza dei colori del sito. In alternativa, puoi far risaltare una sezione di testo modificando il tema di colore della sezione.

Nella barra degli strumenti Blocco di testo, seleziona Normale dal menu a discesa per aggiungere un corpo del testo normale.

I tweak di stile che modificano il font, le dimensioni e il colore del corpo del testo sul tuo sito dipendono dalla famiglia di modelli:

Modello Tipo di carattere Taglia Colore
Adirondack Contenuto principale > Testo Contenuto principale > Testo Contenuto principale > Colore del testo
Avenue Tipografia > Corpo del testo Tipografia > Corpo del testo Colori > Colore del testo
Aviator Font del testo > Tipografia Font del testo > Tipografia Colori > Testo
Bedford Contenuto principale > Tipo di carattere testo pagina Contenuto principale > Tipo di carattere testo pagina Contenuto principale > Colore testo pagina
Brine Contenuto: Font > Corpo del testo Contenuto: Font > Corpo del testo Contenuto: Colori > Corpo del testo
Farro Principale: Font del contenuto > Corpo del testo Principale: Font del contenuto > Corpo del testo Principale: Colori contenuto > Corpo del testo
Five Contenuto principale > Corpo del testo Contenuto principale > Corpo del testo Contenuto principale > Colore del corpo del testo
Flatiron Contenuto principale > Testo Contenuto principale > Testo Contenuto principale > Colore del testo
Forte Tipografia > Corpo del testo Tipografia > Corpo del testo Tipografia > Colore del corpo del testo
Galapagos Tutto il sito > Font del corpo del testo Tutto il sito > Font del corpo del testo Tutto il sito > Colore del corpo del testo
Ishimoto Contenuto principale > Testo Contenuto principale > Dimensioni del testo Contenuto principale > Colore del corpo del testo
Momentum Contenuto principale > Corpo del testo Contenuto principale > Corpo del testo Contenuto principale > Colore del corpo del testo
Montauk Tipografia > Corpo del testo Tipografia > Corpo del testo Colori > Colore del testo
Native Contenuto principale > Corpo del testo Contenuto principale > Dimensioni del corpo del testo Contenuto principale > Colore del corpo del testo
Pacific Contenuto principale > Font del testo Contenuto principale > Font del testo Contenuto principale > Colore del testo
Skye Font del sito > Corpo Font del sito > Corpo Colori del testo del sito > Colore del corpo del testo
Supply Contenuto principale > Font del corpo del testo Contenuto principale > Font del corpo del testo Contenuto principale > Colore del corpo del testo
Tremont Font del sito > Font del corpo del testo Font del sito > Font del corpo del testo Colori del font del sito > Colore del corpo del testo
Wells Opzioni del sito > Testo Opzioni del sito > Dimensioni del testo Opzioni del sito > Colore delle intestazioni
Wexley Contenuto principale > Font del corpo del testo Contenuto principale > Font del corpo del testo Contenuto principale > Colore del corpo del testo
York Sito: Tipografia > Font del corpo del testo Sito: Tipografia > Font del corpo del testo Sito: Tipografia > Colore del corpo del testo

Incolla come testo normale

Se hai copiato il testo da un programma esterno, incollalo nel blocco come testo normale cliccando sull'icona degli appunti presente nella barra degli strumenti del Blocco di testo.

toolbar-clipboard.png

Citazione

Nella barra degli strumenti Blocco di testo, seleziona l'icona citazione per aggiungere la formattazione alle citazioni.

text_toolbar_-_quote.png

Il formato della citazione varia a seconda della versione del sito.

La formattazione delle citazioni segue il tipo di carattere e il colore di quel tipo di testo.

Ad esempio, se il testo della citazione è formattato come Intestazione 2, la citazione avrà lo stesso tipo di carattere e dimensione di ogni altro testo Intestazione 2 presente nel sito. Il colore del testo della citazione seguirà i colori della sezione.

Suggerimento: in alternativa, utilizza un Blocco citazione, che ha le proprie opzioni di stile.

La formattazione varia in base al modello. Ad esempio, in alcuni modelli, la citazione ha una linea verticale a sinistra per aggiungere una separazione visiva.

Suggerimento: in alternativa, utilizza un Blocco citazione. In alcuni modelli, il blocco ha le proprie opzioni di stile, che aiutano a mettere in risalto la citazione.

Stili di testo per le citazioni

Ecco come definire lo stile del testo di una citazione in queste famiglie di modelli. In alcuni modelli, il testo delle citazioni segue gli stessi stili del Blocco citazione.

Famiglia di modelli

Tipo di carattere Colore A linee

Adirondack

Come il corpo del testo

Come il corpo del testo

No

Avenue

Come il corpo del testo

Come il corpo del testo

Aviator

Tweak Tipo di carattere citazione

Tweak Testo citazione

No

Bedford

Come il corpo del testo

Come il corpo del testo

No

Brine

Come il corpo del testo

Come il corpo del testo

Farro

Come il corpo del testo

Come il corpo del testo

Five

Tweak Blocco citazione

Come il corpo del testo

No

Flatiron

Tweak Tipo di carattere citazione

Tweak Colore citazione

No

Forte

Come il corpo del testo

Come il corpo del testo

No

Galapagos

Come il corpo del testo

Come il corpo del testo

Ishimoto

Come il corpo del testo

Come il corpo del testo

Momentum

Come il corpo del testo

Come il corpo del testo

No

Montauk

Come il corpo del testo

Come il corpo del testo

Native

Tweak Citazioni e Dimensione citazioni

Come il corpo del testo

Pacific

Come il corpo del testo

Come il corpo del testo

Skye

Come il corpo del testo

Come il corpo del testo

Supply

Come il corpo del testo

Come il corpo del testo

Tremont

Come il corpo del testo

Come il corpo del testo

Wells

Tweak Citazione e Dimensione citazione

Come il corpo del testo

No

Wexley

Tweak Tipo di carattere citazione

Come il corpo del testo

No

York

Come il corpo del testo

Come il corpo del testo

Rimuovere la formattazione

Nella barra degli strumenti Blocco di testo, seleziona l'icona per la rimozione della formattazione per eliminare la formattazione del testo. Ciò può rivelarsi utile se incolli del testo da altre sorgenti o se desideri ricominciare daccapo.

toolbar-remove-formatting.png

Sottolineatura

Le opzioni di sottolineatura variano in base alla versione del sito.

Alcune aree, come le schermate di blocco e i pop-up promozionali, dispongono di opzioni di sottolineatura, ma i Blocchi di testo non supportano la sottolineatura del testo.

Se conosci il codice HTML, puoi utilizzare un Blocco markdown o un Blocco codice per sottolineare il testo. Tuttavia, considera che non offriamo assistenza per modifiche avanzate come queste. Per ulteriori dettagli, visita Domande frequenti sul codice personalizzato.

Alcuni modelli dispongono di opzioni per la sottolineatura di tipi specifici di testo in Stili sito. Utilizza la tabella seguente per esaminare il tipo di testo che è possibile sottolineare in queste famiglie di modelli. Per saperne di più su ogni opzione, consulta la guida ai tweak di stile del tuo modello.

In alternativa, se conosci il codice HTML, puoi utilizzare un Blocco markdown o un Blocco codice per sottolineare il testo. Tuttavia, considera che non offriamo assistenza per modifiche avanzate come queste. Per ulteriori dettagli, visita Domande frequenti sul codice personalizzato.

Famiglia di modelli

Testo che è possibile sottolineare

Adirondack

Titoli delle pagine e titoli dei post del blog

Avenue

Collegamenti nel corpo del testo

Aviator

Nessuno

Bedford

Nessuno

Brine

Intestazione della barra di ricerca

Farro

Intestazione della barra di ricerca

Five

Titolo del sito e testo H3 della barra laterale

Flatiron

Nessuno

Forte

Collegamenti nel corpo del testo

Galapagos

Nessuno

Ishimoto

Nessuno

Momentum

Collegamenti nel corpo del testo

Montauk

Nessuno

Native

Collegamenti nel corpo del testo

Pacific

Nessuno

Skye

Collegamenti nel corpo del testo

Supply

Nessuno

Tremont

Link di navigazione e link al menu Indice

Wells

Nessuno

Wexley

Collegamenti nel corpo del testo

York

Nessuno

Colore

Nel pannello Design, seleziona il tweak del colore corrispondente al gruppo di testo che desideri modificare. Per maggiori dettagli sulla procedura, consulta Modificare i colori.

Tipo di carattere

Nel pannello Design, seleziona il gruppo di testo che desideri modificare, quindi selezionate un nuovo tipo di carattere. Per gli step dettagliati, visita Modificare i tipi di carattere.

Spaziatura tra lettere

Il modo in cui si modifica la spaziatura delle lettere dipende dalla versione del sito.

Per modificare la spaziatura tra lettere:

  1. Nel menu Home, clicca su Design, poi su Tipi di carattere.
  2. Clicca su l'icona dell'ingranaggio nel pacchetto di font selezionato.
  3. Clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Meta.
  4. Utilizza il cursore Spaziatura lettere per regolare la spaziatura oppure inserisci un nuovo valore em.
  5. Fai clic su Salva.

In Stili sito, seleziona il tweak Spaziatura lettere per modificare lo spazio fra le lettere.

Quando imposti la spaziatura fra le lettere:

  • L'uso di valori negativi può causare la sovrapposizione dei caratteri. Mantieni una spaziatura fra le lettere pari o superiore a 0 px per evitare problemi di layout sui dispositivi mobili.
  • Se le modifiche alla spaziatura non vengono visualizzate sui dispositivi mobili, verifica che sia impostata su px anziché su em. Per i modelli versione 7.0 delle famiglie Bedford e Pacific, le intestazioni presentano una spaziatura massima sui dispositivi mobili.

Altezza della riga

Il modo in cui si modifica l'altezza della riga dipende dalla versione del sito.

Per modificare l'altezza della linea:

  1. Nel menu Home, clicca su Design, poi su Tipi di carattere.
  2. Clicca su l'icona dell'ingranaggio nel pacchetto di font selezionato.
  3. Clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Meta.
  4. Utilizza il cursore Altezza riga per regolare la spaziatura oppure inserisci un nuovo valore em.
  5. Fai clic su Salva.

In Stili sito, seleziona il tweak Altezza riga per modificare lo spazio fra le righe.

Nota:Se l'altezza della riga è pari a 0em, questo potrebbe causare la sovrapposizione del testo, in particolare su dispositivi mobili.

Taglia

La procedura di modifica delle dimensioni del testo dipende dalla versione del sito.

Nel pannello Tipi di carattere, clicca su un pacchetto di caratteri per applicarlo al tuo sito, quindi scegli una dimensione di base. Tutti gli altri testi si adatteranno in base a questa dimensione. Inoltre puoi cliccare l'icona dell'ingranaggio sul pacchetto di caratteri per impostare la dimensione del carattere per un'area di testo specifica.

Per maggiori dettagli sulla procedura, consulta Modificare i tipi di carattere.

In Stili sito, seleziona il tweak Dimensione per impostare le dimensioni del tipo di carattere. Puoi utilizzare il cursore o digitare manualmente le dimensioni del tipo di carattere.

  • Per maggiori informazioni su ogni opzione relativa alla dimensione del tipo di carattere, consulta la guida ai tweak di stile del tuo modello.
  • In alcuni modelli, puoi impostare le dimensioni massime o minime per i tipi di carattere su schermi di dimensioni diverse. Per maggiori informazioni consulta Scaling fonts.
Suggerimento: tutti i siti Squarespace sono dotati di responsive design integrato che ottimizza le dimensioni del testo del tuo sito per ogni tipo di schermo.

Trasformazione testo

Utilizza Trasformazione testo per applicare i diversi stili di maiuscole al testo, fra cui:

  • Iniziale maiuscola:- Per Applicare Il Maiuscolo Alla Prima Lettera Di Ogni Parola
  • Maiuscole - TUTTO MAIUSCOLO
  • Minuscole - tutte le lettere minuscole

Questo tweak si applica solo a determinati tipi di carattere e gruppi di testo.

Trasforma testo viene visualizzato in aree diverse in base alla versione del sito.

  1. Nel menu Home, clicca su Design, poi su Tipi di carattere.
  2. Clicca su l'icona dell'ingranaggio nel pacchetto di font selezionato.
  3. Clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Meta.
  4. Scegli un'opzione di stile dal menu a discesa Trasforma testo.

In Stili sito, utilizza il menu a discesa Trasforma testo in qualsiasi tweak del tipo di carattere.

Per maggiori informazioni su ogni opzione relativa al tipo di carattere, consulta la guida ai tweak di stile del tuo modello.

Peso

Il modo in cui puoi modificare lo spessore del testo dipende dalla versione del sito.

  1. Nel menu Home, clicca su Design, poi su Tipi di carattere.
  2. Clicca su l'icona dell'ingranaggio nel pacchetto di font selezionato.
  3. Clicca sul tipo di testo che desideri modificare: Intestazioni, Paragrafi, Pulsanti o Meta.
  4. Scegli un'opzione di spessore dal menu a discesa Spessore.

In Stili sito, utilizza il menu a discesa Spessore in qualsiasi tweak del tipo di carattere per rendere il testo più spesso o più sottile.

Per maggiori informazioni su ogni opzione relativa al tipo di carattere, consulta la guida ai tweak di stile del tuo modello.

Risoluzione dei problemi

Se copi e incolli del contenuto da programmi come Microsoft Word o Google Drive, il testo potrebbe contenere stili nascosti, che potrebbero interferire con la formattazione in Squarespace. Se rilevi dei problemi con la spaziatura o le intestazioni nel testo incollato, consulta Correggere la formattazione del testo per maggiori informazioni.

Per maggiori informazioni sulla personalizzazione del testo del tuo sito, affidati a uno Squarespace Expert.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 34 su 147