Blocchi scorrimento

Aggiungi un flusso di testo in scorrimento orizzontale alla tua pagina per catturare l'attenzione dei visitatori.

Ultimo aggiornamento 10 aprile 2024

Usa i Blocchi scorrimento per aggiungere testo scorrevole in orizzontale sulla pagina, ad esempio una cornice o un banner informativo continuo. Questa opzione è perfetta per aggiungere un tocco visivo al tuo testo o attirare l'attenzione dei visitatori su informazioni importanti.

Guarda un video

Aggiungere un Blocco scorrimento

Per aggiungere un Blocco scorrimento:

  1. Modifica una pagina o un post, fai clic su Aggiungi blocco o su un punto di inserimento, quindi fai clic su Scorrimento. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Nella scheda Contenuto, aggiungi o modifica elementi di testo.
  4. Per trasformare il Blocco scorrimento in un link cliccabile, aggiungi un indirizzo Web nel campo Link o clicca “the per aggiungere diversi tipi di link. Quando i visitatori cliccano sul Blocco scorrimento, vengono indirizzati al link che hai aggiunto.
  5. Clicca su Design per personalizzare il blocco.
A_scrolling_block_with_the_text_Dream_It.gif

Nota

sui dispositivi iOS, i blocchi scorrimento non scorreranno se il visitatore ha attivato la funzione di accessibilità Riduci movimento.

Aggiungere e modificare elementi di testo

Quando aggiungi un blocco scorrimento, per impostazione predefinita include due elementi. Uno include il testo Sognalo e l'altro include un'emoji "trattino ondulato" che funge da divisorio.

Puoi aggiungere nuovi elementi o modificare quelli esistenti con il tuo testo.

Aggiungere nuovi elementi

Per aggiungere un nuovo elemento:

  1. Clicca su Modifica nella pagina con il Blocco scorrimento, clicca sul blocco, quindi sull'icona della matita o su Modifica.
  2. Nella scheda Contenuto, clic su Aggiungi elemento.
  3. Questa azione crea un nuovo elemento con un testo predefinito. Per modificare il testo, clicca sulla voce nell'elenco e poi sul campo Testo.

Modificare elementi esistenti

Per modificare, duplicare o eliminare elementi esistenti, clicca su uno di essi nella scheda Contenuto dell'editor di blocchi. Modifica il testo nel campo o clicca su DuplicaElimina.

Puoi anche eliminare gli elementi direttamente dalla scheda Contenuto cliccando sull'icona del cestino.

Riorganizzare gli elementi

L'elenco degli elementi nella scheda Contenuto definisce l'ordine di scorrimento del testo. Per riorganizzare gli elementi:

  1. Clicca su Modifica nella pagina con il Blocco scorrimento, clicca sul blocco, quindi sull'icona della matita.
  2. Nella scheda Contenuto, clic e tieni premuta l'icona :: a sinistra del titolo dell'elemento.
  3. Trascina l'elemento nel punto in cui desideri che appaia nell'elenco.
  4. Ripeti l'operazione per altri elementi finché l'elenco non è nell'ordine desiderato.

Personalizzare il design

Nella scheda Design dell'editor di blocchi, puoi personalizzare l'aspetto del Blocco scorrimento in vari modi. Ti consigliamo di sperimentare diverse impostazioni per trovare una combinazione che preferisci.

Ogni Blocco scorrimento ha le proprie impostazioni di design. Non puoi applicare automaticamente le impostazioni a tutti i Blocchi scorrimento sul tuo sito.

Onda di testo

Puoi aggiungere un aspetto ondulato al testo, facendolo salire e scendere verticalmente nel blocco, con i seguenti tweak:

  • Intensità dell'onda: imposta l'altezza verticale dell'onda. L'impostazione all'estrema sinistra non ha onda e quella più a destra ha l'altezza d'onda più alta.
  • Larghezza dell'onda: seleziona SML... per un'impostazione personalizzata. Con una larghezza d'onda più piccola, l'onda visualizzata nel Blocco scorrimento avrà più picchi e valli. Con una larghezza d'onda maggiore, l'onda potrebbe apparire come una lunga pendenza e il suo picco potrebbe non essere visibile.

Ecco un esempio di Blocco scorrimento con un'intensità dell'onda media e una larghezza dell'onda ridotta:

A_scrolling_block_with_the_text_Dream_It_that_goes_up_and_down_in_waves_.gif

Stile e dimensioni del testo

Imposta lo stile e le dimensioni del testo con questi tweak:

  • Stile testo: seleziona ParagrafoIntestazione. Il testo segue gli stili globali del paragrafo o dell'intestazione in base alla tua scelta. Questa azione definisce il tipo di carattere del testo e altre impostazioni di stile, ma non le dimensioni.
  • Dimensione testo: seleziona SML... per un'impostazione personalizzata.

Cambia il colore del testo in Stili sito. Il colore del testo segue i tweak Colore paragrafoColore intestazione in Scorrimento nella combinazione di colori della sezione, a seconda di ciò che hai selezionato per lo stile del testo.

Se aggiungi un colore di sfondo al Blocco scorrimento, il testo segue Colore paragrafo su sfondo o Colore intestazione su sfondo in Scorrimento.

Tieni presente che il "trattino ondulato" è un'emoji con un colore predefinito che non può essere personalizzato.

Stile di scorrimento

Personalizza il comportamento e l'aspetto dello scorrimento con questi tweak:

  • Direzione: imposta il blocco per lo scorrimento verso sinistra o verso destra.
  • Velocità: imposta la velocità di scorrimento su 0,5x1x o 2x.
  • Pausa al passaggio del mouse: attiva questa opzione per mettere in pausa lo scorrimento quando i visitatori passano il mouse sul blocco. L'animazione non verrà messa in pausa mentre sei in modalità Modifica.
  • Dissolvenza ai bordi: attiva questa opzione per rendere il testo semitrasparente ai bordi sinistro e destro del blocco.
  • Spaziatura degli elementi: imposta la distanza tra gli elementi di testo durante lo scorrimento.

Altre opzioni di stile

Per personalizzare l'aspetto del blocco scorrimento:

  • Tratto - Attiva una linea solida o tratteggiata che delimiti il blocco. Per le linee solide e tratteggiate, imposta il tratto Colore e Spessore
  • Modalità Blend - Utilizza il menu a discesa per scegliere un'impostazione di trasparenza. Questi effetti sono ottimali se stai sovrapponendo un blocco scorrimento a un'immagine o ad altri contenuti visivi.
  • Sfocatura - Attiva l'opzione per sfocare l'Elemento o lo Sfondo, e sposta il cursore per regolare il livello di sfocatura.

Accesso a questa funzionalità

Le personalizzazioni Tratto, Modalità Blend e Sfocatura sono disponibili per le sezioni dell'Editor fluido. Per le sezioni che utilizzano l'editor classico, è disponibile solo Tratto.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.