I siti aggiornati alla versione 7.0 adattano automaticamente le parole su più righe grazie al ritorno a capo automatico.

I trattini (-) suddividono le parole che superano i bordi dell'area di testo. Solo alcuni browser web lo fanno automaticamente. Se una parola su un sito si estende oltre il browser, i visitatori potrebbero dover scorrere lateralmente per leggere la parola.

Per mantenere il testo visibile, Squarespace suddivide automaticamente le parole troppo lunghe nella riga successiva. Come parte di questo processo, aggiungiamo dei trattini alle intestazioni per mostrare quando una parola è divisa in due righe. In questo modo il tuo sito si adatta ai dispositivi mobili e ad altri browser di dimensioni ridotte.

Questa guida si riferisce alla versione 7.0. Il testo non viene sillabato nella versione 7.1.

Non voglio che il mio testo venga sillabato

Non esiste un modo integrato per disabilitare la sillabazione automatica, ma se non ti piace il suo aspetto, prova queste opzioni.

Accorcia il testo

Per evitare il più possibile la sillabazione nelle intestazioni, prova a regolare il testo in modo che occupi meno spazio:

• Regola il tipo di carattere, le dimensioni e la spaziatura.
• Abbrevia le parole.
• Se il tuo sito supporta il ridimensionamento dei caratteri, riduci le dimensioni minime in modo che l'intestazione possa ridursi in base alle esigenze.
• Sostituisci gli indirizzi di posta elettronica troppo lunghi con un link all'indirizzo e-mail.
• Sostituisci gli URL lunghi con un link testuale o un pulsante.

Allarga il contenitore

Il contenitore è il riquadro invisibile all'interno del quale viene visualizzato il testo. Ad esempio, se il tuo blocco di testo viene visualizzato in una barra laterale, il contenitore sarà la larghezza della barra laterale.

Più il contenitore è stretto, più è probabile che venga utilizzata la sillabazione. Ecco alcune opzioni per regolare la larghezza dei contenitori in cui viene visualizzato il testo:

• Assicurati che il testo sia disposto su un'unica colonna.
• Per gli elementi di una griglia, diminuisci il numero di elementi per riga in modo che ogni elemento abbia più spazio. Ad esempio, in una griglia/pagina blog impilata, devi diminuire il tweak Post per riga (max).
• Se il tuo sito dispone di tweak per regolarne la larghezza, o la larghezza della pagina, prova ad aumentarle. Puoi trovare questi tweak in Stili sito.
• Se il tuo sito è aggiornato alla versione 7.0, consulta la guida ai modelli per ulteriori opzioni, come le impostazioni dell'inset contenuti.

Usa codice personalizzato per disabilitare la sillabazione

Se hai esperienza di sviluppo, puoi aggiungere del codice personalizzato al CSS per eliminare i trattini. Attenzione però: è una modifica avanzata, che potrebbe non funzionare e creare problemi al design del tuo sito.

Questo argomento è stato affrontato in Squarespace Forum. Per maggiori informazioni e un esempio di codice, consulta questo post.

Nota: Le personalizzazioni basate su codice non rientrano nell'ambito del nostro supporto. Ciò significa che non possiamo fornire ulteriore assistenza in relazione alla configurazione o alla risoluzione dei problemi. Inoltre, non possiamo garantire la funzionalità o la completa compatibilità del codice inserito con Squarespace. Ciò include il modo in cui funziona con il nostro design reattivo, soprattutto relativamente all'aspetto sui dispositivi mobili e al funzionamento su tutti i modelli. Il codice personalizzato potrebbe causare problemi di visualizzazione con i futuri aggiornamenti della nostra piattaforma. Pur non potendo offrire ulteriore assistenza, esistono diverse risorse per indicarti la giusta direzione da seguire:

• Scopri le procedure consigliate per aggiungere codice personalizzato.
• Leggi la nostra guida generale sulle personalizzazioni basate su codice.
• Visita il nostro Squarespace Forum dedicato a clienti e sviluppatori.
• Affidati a uno Squarespace Expert per creare un codice personalizzato per il tuo sito.

Il testo non esegue la sillabazione

Nei seguenti casi, il testo del tuo sito potrebbe non essere sillabato automaticamente:

• Titoli del sito
• Corpo del testo
• URL
• Indirizzi email

Alcuni modelli possono anche impedire che alcuni testi vengano interrotti, come ad esempio il testo del banner su York.

In questo caso, aggiungi manualmente un trattino e uno spazio o segui i suggerimenti sopra riportati per ottimizzare il testo, sostituirlo o allargare il contenitore.