Blocchi Citazione

Evidenzia i contenuti importanti o degni di nota utilizzando un testo unico e stilizzato.

Ultimo aggiornamento 11 settembre 2024

Utilizza i Blocchi citazioni per aggiungere citazioni e testimonianze in stile con il tuo sito.

Guarda un video

Aggiungere un Blocco citazione

Per aggiungere un Blocco citazione:

  1. Apri un editor di pagine o post, fai clic su Aggiungi blocco o su un punto di inserimento, quindi su Preventivo. Per passaggi più dettagliati, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Inserisci la citazione nel primo campo.
  4. Inserisci la fonte della citazione nel secondo campo.
  5. Clicca su Design per aggiungere un'animazione o attivare un colore di sfondo (solo per i siti che utilizzano la versione 7.1).

Modificare un Blocco citazione esistente

Per modificare un Blocco citazione esistente, clicca due volte sul blocco oppure clicca sul blocco una volta, quindi clicca sull'icona della matita o su Modifica. In questo modo aprirai l'editor del blocco. Non è possibile modificare la citazione direttamente sulla pagina come si farebbe con un Blocco di testo.

Definire lo stile alla citazione

La definizione dello stile della citazione dipende da modello e versione prescelti.

Tipo di carattere

Per definire lo stile dei tipi di carattere usati nel Blocco citazione:

  1. Durante la modifica di una pagina, apri Stili sito, quindi fai clic su > accanto a Tipi di carattere.
  2. Clicca su Assegna stili
  3. Scorri fino alla sezione del blocco citazione per apportare modifiche di stile al testo e alla sorgente.
  4. Per tornare agli stili del sito, clicca su Indietro, quindi su Stili sito.In alternativa, se hai finito di apportare modifiche, clicca su Esci e poi su Salva per chiudere l'editor.

Colori

Per definire lo stile dei colori usati nel Blocco citazione:

  1. Durante la modifica di una pagina, apri Stili sito, quindi fai clic su > accanto a Colori.
  2. Passa il mouse sul tema colore e clicca sull'icona della matita.
  3. Scorri fino alla sezione del blocco citazione per modificare i colori testo e sorgente.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Altre opzioni di stile

Per personalizzare l'aspetto del blocco citazione:

  1. Nell'editor di Blocchi citazione, clicca su Design.
  2. Accanto a Forma, attiva una linea solida o tratteggiata che delimiti il blocco. Per le linee solide e tratteggiate, imposta il tratto Colore e Spessore
  3. Clicca sul menu a discesa Modalità Blend per scegliere un'impostazione di trasparenza. Questi effetti sono ottimali se stai sovrapponendo un blocco citazione a un'immagine o ad altri contenuti visivi.
  4. Per sfocare l'Elemento o lo Sfondo, attiva l'opzione accanto a Sfocatura 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.

La maggior parte dei modelli dispone di opzioni di stile per i blocchi citazione. Per i modelli che non dispongono di opzioni di stile, il testo del blocco citazione utilizza lo stesso stile del corpo del testo. Consulta i nostri suggerimenti qui sotto per scoprire altri modi per mettere in risalto le citazioni.

Per modificare l'aspetto del Blocco citazione, utilizza i tweak seguenti per le seguenti famiglie di modelli:

Famiglia di modelli Nome tweak

Adirondack

Blocco Citazione

Avenue

n/a

Aviator family

Tipo di carattere citazione, Testo citazione 

Bedford

Tipo di carattere citazione, Colore citazione 

Brine

Sezione Blocco citazione (Allineamento, Tipo di carattere citazione, Tipo di carattere sorgente)

Farro

Sezione Blocco citazione (Allineamento, Tipo di carattere citazione, Tipo di carattere sorgente)

Five

Blocco citazione

Flatiron

Tipo di carattere citazione, Colore citazione, Dimensione rientro citazione

Forte

Blocco citazione 

Galapagos

n/a

Ishimoto

Citazione, Dimensioni citazione

Momentum

Blocco Citazione

Montauk

n/a

Native

Citazioni, Dimensioni citazioni

Pacific

Tipo di carattere citazione, Colore citazione

Skye

Sezione Blocco citazione (Allineamento, Tipo di carattere, Tipo di carattere min, Colore citazione)

Supply

n/a

Tremont

Tipo di carattere citazione, Tipo di carattere min. citazione 
Wells Citazione, Dimensioni citazione
Wexley Tipo di carattere citazione

York

Tipo di carattere citazione, Ridimensiona citazione, Citazione min., Colore testo citazione, Allineamento citazione, Mostra virgolette, Tipo di carattere sorgente citazione, Colore sorgente citazione

Animare la citazione

Accesso a questa funzionalità

L'Editor fluido non supporta i blocchi citazione, che seguono, invece, le impostazioni di animazione del sito intero.

Per animare un Blocco citazione:

  1. Nell'editor di Blocchi citazione, clicca su Design.
  2. Seleziona un effetto dal menu a discesa. Mentre selezioni un'opzione, sulla pagina viene visualizzata un'anteprima.

Scegli tra:

  • Nessuna: nessuna animazione, anche se esistono impostazioni di animazione a livello di sito
  • Impostazioni predefinite del sito: il testo corrisponde alle impostazioni di animazione del sito
  • Dissolvenza - Il testo si dissolve in entrata
  • Scorrimento verso l'alto - Il testo scorre verso l'alto dal basso
  • Messa a fuoco - Il testo appare sfocato, poi viene messo a fuoco
  • Rivelazione - Il testo scorre verso l'esterno dal centro

Ecco un esempio di un Blocco citazione che utilizza l'animazione Messa a fuoco.

Quote_block_animations_appear_when_the_block_loads.gif

Altri modi per aggiungere delle citazioni

Ecco altre opzioni per aggiungere citazioni al tuo sito e conferire loro una formattazione unica.

Formattare come testo di citazione

Per far risaltare una citazione all'interno di un blocco di testo, evidenzia il testo e clicca sull'icona citazione nell'editor del blocco di testo. In questo modo, otterrai una citazione rientrata. A seconda del tuo modello, una riga può essere visualizzata sul lato e il testo può essere in corsivo.

Avvolgere il testo intorno

Per una citazione in stile rivista che si distingua su una pagina, avvolgi un Blocco di testo intorno a un altro. Per maggiori informazioni, visita Creare citazioni intertestuali avvolgendo il testo.

pull-quote.png

pull-quote.png

Sovrapporre blocchi citazione e blocchi immagine

Se utilizzi Editor fluido, puoi inserire un blocco citazione su un blocco immagine per creare uno sfondo immagine per il preventivo. Assicurati che lo sfondo del blocco sia disabilitato in modo che il blocco immagine dietro di esso non sia coperto.

Nell'editor classico, non è possibile sovrapporre i blocchi. Aggiungi invece un blocco immagine con una sovrapposizione di testo e definisci lo stile del testo in modo che assomigli più a una citazione. Per esempi di ciascuna delle diverse opzioni di blocco immagine visita Blocchi immagine. Ecco un esempio con il blocco immagine poster:

image-block-as-quote.png

image-block-as-quote.png

Formattare come testo del titolo

Per dare uno stile prominente al testo, aggiungi il testo della citazione a un blocco di testo, quindi formattalo come intestazione. Nell'editor del blocco di testo, evidenzia il testo e utilizza il menu a discesa di formattazione per selezionare Intestazione 2 o Intestazione 3. Quindi, utilizza le medesime opzioni disponibili nel pannello Stili sito per modificare l'aspetto del testo.

Suggerimento

poiché i motori di ricerca identificano il contenuto delle intestazioni come aree ricche di parole chiave per l'indicizzazione, formattare le citazioni come intestazioni può interferire con la SEO del tuo sito. Consigliamo questa soluzione alternativa solo se il tuo modello non dispone di stili del Blocco citazione e il tuo obiettivo principale è migliorare il design di una citazione.

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.