Personalizza la visualizzazione dei titoli e delle descrizioni delle immagini.
Le didascalie sono testi e descrizioni che aggiungono informazioni e contesto alle immagini. Lo stile delle didascalie non è modificabile, perché seguono le modifiche apportate ad altri testi sul tuo sito.
Lo stile della didascalia di un'immagine dipende da dove si trova e da come è impostata per la visualizzazione. Generalmente le didascalie vengono visualizzate in tre diversi modi:
- Didascalia sotto - Il testo viene visualizzato nella pagina, sotto l'immagine.
- Sovrapposizione: il testo viene visualizzato sopra l'immagine, sempre oppure solo al passaggio del mouse.
- Sovrapposizione didascalia lightbox - Con l'opzione lightbox abilitata, l'immagine appare in un pop-up quando viene cliccata. Una didascalia appare sopra l'immagine al passaggio del mouse.
Questa guida illustra le regole di stile per tutte le immagini del tuo sito che mostrano delle didascalie.
Guarda un video
Prima di iniziare
- Caratteri e colori vanno modificati separatamente.
- Ti consigliamo di mantenere le didascalie brevi, soprattutto quando la didascalia si sovrappone a un'immagine. Didascalie più lunghe potrebbero apparire tagliate in determinati dispositivi e browser.
Nella versione 7.0:
- Non è possibile aggiungere interruzioni di riga ai titoli delle didascalie delle immagini. Puoi aggiungere interruzioni di riga al testo della descrizione dell'immagine.
- Usiamo il termine "corpo del testo" per riferirci a qualsiasi testo che non sia un'intestazione o metatesto, ma ogni modello ha i propri nomi di tweak. Ad esempio, in Adirondack, il tweak che controlla il tipo di carattere del corpo del testo è denominato Testo. In Skye, si chiama Corpo. Per maggiori informazioni, visita Definire lo stile del testo.
- Alcuni modelli hanno solo un tweak che controlla tutti i colori dell'intestazione o tutti i tipi di carattere di intestazione. In questi casi, le didascalie che seguono stili di intestazione specifici (come Titolo 3) seguono il tweak dell'intestazione.
Se hai difficoltà ad applicare le modifiche di stile desiderate alle didascalie su un sito 7.0, ti consigliamo di sperimentare prima su una pagina di prova:
- Crea una pagina di layout nella sezione Navigazione nascosta della tua navigazione.
- Aggiungi un Blocco di testo contenente Intestazione 1, Intestazione 2, Intestazione 3 e corpo del testo (occorrono almeno quattro righe di testo).
- Usa Stili sito per distinguere caratteri e colori di ognuno.
- Guarda la tua didascalia per vedere come cambia.
Sezione galleria
La versione 7.0 non supporta le sezioni galleria. In alternativa, utilizza una pagina galleria.
Le immagini delle sezioni galleria supportano le descrizioni, che vengono visualizzate quando l'opzione Didascalia è attivata nell'editor di sezione.
In tutti i layout:
- Tipo di carattere - Segue Paragrafi
- Colore - Segue Paragrafo: medio
- Dimensione - Non regolabile
- Allineamento didascalia - Non regolabile
Ricorda:
- Le descrizioni delle immagini non supportano interruzioni di riga.
- Le didascalie vengono visualizzate sotto ogni immagine in tutti i layout Griglia e Slideshow: Semplice e Completa. Nel layout Slideshow: Pellicola , le didascalie vengono visualizzate solo sotto l'immagine centrale.
- Le didascalie non vengono visualizzate nelle lightbox.
Blocco Immagine
Nelle sezioni dell'Editor fluido, dovrai utilizzare un blocco di testo per aggiungere testo adiacente o sovrapposto a un blocco immagine invece di aggiungere una didascalia.
Nell'editor classico, la maggior parte dei layout dei blocchi immagine supporta un titolo e un sottotitolo con le proprie impostazioni di stile. Lo stile delle didascalie dipende dalla versione di Squarespace su cui si trova il sito.
Suggerimento: i blocchi immagine aggiunti alle sezioni di Editor fluido non dispongono di opzioni di layout integrate. Invece di aggiungere una didascalia a un blocco immagine, utilizza un blocco di testo per aggiungere testo adiacente o sovrapposto a un blocco immagine.
Nel layout In linea aggiunto a una sezione dell'editor classico, le didascalie possono essere visualizzate sotto l'immagine, come sovrapposizione, o come sovrapposizione lightbox. Puoi formattare il testo della didascalia nella barra degli strumenti di testo. Continua a leggere per scoprire le regole di stile di ogni opzione.
Didascalia sottostante
Per le didascalie visualizzate sotto il Blocco immagini in linea:
- Tipo di carattere - Segue Paragrafi
- Colore: segue i tweak del testo per il tipo di testo impostato in Colori
- Dimensione - Impostata nella barra degli strumenti di testo
Didascalia sovrapposta
Per le didascalie sovrapposte al Blocco immagine in linea e visibili sempre o solo al passaggio del mouse:
- Tipo di carattere - Segue Paragrafi
- Colore - Sempre bianco
- Dimensione - Impostata nella barra degli strumenti di testo
Sovrapposizione Lightbox
Per le didascalie visualizzate sul Blocco immagine in linea all'interno di un pop-up lightbox:
- Tipo di carattere - Segue Tipi di carattere
- Colore - Sempre bianco
- Dimensione - Segue Paragrafo 3
Nel layout In linea, le didascalie possono essere visualizzate sotto l'immagine, sovrapposte all'immagine o come sovrapposizione lightbox. Continua a leggere per scoprire le regole di stile di ognuna.
Didascalia sottostante
Nella maggior parte dei modelli, per le didascalie visualizzate sotto il Blocco immagini in linea:
- Tipo di carattere - Segue il corpo del testo
- Colore - Segue il corpo del testo
- Dimensione - Non regolabile
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Bedford |
Dimensione - Segue il corpo del testo |
|
Five |
Tipo di carattere - Sempre nero e maiuscolo |
|
Pacific |
Dimensione - Segue il corpo del testo |
|
Skye |
Tipo di carattere, colore e dimensione - Segue il tweak Didascalie Blocchi immagine e galleria |
|
York |
Dimensione - Segue il corpo del testo |
Didascalia sovrapposta
Nella maggior parte dei modelli, per le didascalie visualizzate in sovrapposizione al Blocco immagine in linea sulla pagina:
- Tipo di carattere - Segue il corpo del testo
- Colore - Sempre grigio
- Dimensione - Non regolabile
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Five |
Tipo di carattere - Sempre maiuscolo |
|
Skye |
Tipo di carattere - Segue il tweak Didascalie Blocchi immagine e galleria |
Sovrapposizione Lightbox
Nella maggior parte dei modelli, per le didascalie visualizzate sul Blocco immagine in linea all'interno di un pop-up lightbox:
- Tipo di carattere - Segue il corpo del testo
- Colore - Sempre bianco
- Dimensione - Non regolabile
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Adirondack |
Tipo di carattere - Non regolabile |
|
Bedford |
Tipo di carattere - Non regolabile |
| Five | Dimensione - Segue il corpo del testo |
|
Flatiron |
Colore - Segue il corpo del testo |
|
Pacific |
Tipo di carattere - Non regolabile |
|
Skye |
Tipo di carattere - Segue il tweak Estratto |
|
Tremont |
Tipo di carattere - Non regolabile |
|
Wexley |
Dimensione - Segue il corpo del testo |
Blocco Riepilogo
Il blocco riepilogo supporta le didascalie per tutti i design (Bacheca, Elenco, Carosello, Griglia).
Lo stile della didascalia del blocco riepilogo dipende dalla versione di Squarespace su cui si trova il sito.
In tutti i progetti di tipo Blocco riepilogo:
- Dimensione titolo - Segue Paragrafo 2
- Dimensione descrizione e Dimensione metadati - Non regolabile
- Tipo di carattere - Segue Paragrafi
- Colore - Segue i tweak Blocco riepilogo sotto Colori
In tutti i modelli:
- Dimensione titolo, Dimensione descrizione e Dimensione metadati - Non regolabile
- Tipo di carattere descrizione - Segue il corpo del testo
- Colore descrizione - Segue il corpo del testo
- Colore del titolo - Varia in base al modello, come da elenco sottostante
Nella maggior parte dei modelli:
- Tipo di carattere metadati 1 e 2 - Segue il corpo del testo
- Colore metadati 1 e 2 - Segue il corpo del testo
- Tipo di carattere titolo - Segue il corpo del testo
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Adirondack |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Avenue |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Aviator |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Bedford |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Brine |
Colore titolo - Segue il corpo del testo |
|
Farro |
Colore titolo - Segue il corpo del testo |
|
Five |
Colore titolo - Segue il tweak Link nel corpo del testo Galleria e blog:
Eventi:
Prodotti:
|
|
Flatiron |
Colore titolo - Segue il tweak Colore link |
|
Forte |
Colore titolo: segue il tweak Colore del link del corpo |
|
Galapagos |
Colore titolo - Segue il tweak Colore link |
|
Ishimoto |
Colore titolo - Segue il tweak Colore link nel corpo del testo |
|
Marquee (sospeso) |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Momentum |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Montauk |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Native |
Tipo di carattere titolo - Segue Intestazione 1 |
|
Pacific |
Tipo di carattere del titolo: segue il tweak Tipo di carattere del titolo del blocco riepilogo |
|
Skye |
Tipo di carattere titolo - Segue il tweak Titolo elenco |
|
Supply |
Colore titolo - Segue il tweak Colore link |
|
Tremont |
Colore titolo - Segue il tweak Colore link nel corpo del testo Galleria e blog:
Eventi:
Prodotti
|
|
Wells |
Colore titolo - Segue il tweak Colore link nel corpo del testo |
|
Wexley |
Colore titolo - Segue il tweak Colore link nel corpo del testo |
|
York |
Colore titolo - Segue il tweak Colore link nel corpo del testo Galleria e blog:
Evento:
Prodotti:
|
Blocchi Instagram
Il blocco Instagram supporta le didascalie per le modalità Slideshow e A colonna e nel design Griglia se visualizzato in lightbox.
Le modifiche al testo della didascalia dipendono dalla versione di Squarespace su cui si trova il sito.
A colonna
Didascalie impilate sotto ogni immagine:
- Tipo di carattere - Segue Paragrafi
- Colore - Segue Paragrafo: medio
- Dimensione - Segue Paragrafo 2
Slideshow
Le didascalie degli slideshow vengono visualizzate in sovrapposizione, in qualsiasi momento o al passaggio del mouse.
- Tipo di carattere - Segue Paragrafi
- Colore - Sempre bianco
- Dimensione - Non regolabile
Grid (Griglia)
Le didascalie della griglia vengono visualizzate nella sovrapposizione della lightbox:
- Tipo di carattere - Segue Tipi di carattere
- Colore - Sempre bianco
- Dimensione - Non regolabile
A colonna
Didascalie impilate sotto ogni immagine. In tutti i modelli:
- Tipo di carattere - Segue il corpo del testo
- Colore - Segue il corpo del testo
- Dimensione - Segue il corpo del testo
Slideshow
Le didascalie degli slideshow vengono visualizzate in sovrapposizione, in qualsiasi momento o al passaggio del mouse. In tutti i modelli:
- Tipo di carattere - Segue il corpo del testo
- Colore - Sempre bianco
- Dimensione - Non regolabile
Grid (Griglia)
Le didascalie della griglia vengono visualizzate nella sovrapposizione della lightbox. Nella maggior parte dei modelli:
- Tipo di carattere - Segue il corpo del testo
- Colore - Sempre bianco
- Dimensione - Segue il corpo del testo
Eccezioni
Il tipo di carattere della didascalia e la dimensione della didascalia non sono regolabili in queste famiglie di modelli:
- Adirondack
- Bedford
- Pacific
Blocco galleria a griglia
Le modifiche al testo della didascalia del Blocco galleria a griglia dipendono dalla versione di Squarespace su cui si trova il sito.
Nella versione 7.1, è possibile aggiungere Blocchi galleria solo ai post del blog, agli articoli e ai singoli eventi.
I titoli del Blocco galleria a griglia possono essere visualizzati sotto l'immagine. I titoli e le descrizioni vengono visualizzati nella sovrapposizione lightbox.
Didascalia sotto l'immagine
Per le didascalie che vengono visualizzate sotto le immagini del Blocco galleria a griglia:
- Tipo di carattere - Segue Paragrafi
- Colore - Segue Paragrafo: medio sotto Colori
- Dimensione - Non regolabile
Sovrapposizione Lightbox
Per le didascalie che vengono visualizzate in sovrapposizione alle immagini Blocco galleria a griglia in un pop-up lightbox:
- Tipo di carattere titolo - Segue Intestazioni
- Colore titolo - Sempre bianco
- Dimensione titolo - Non regolabile
- Tipo di carattere descrizione - Segue Tipi di carattere
- Colore descrizione - Sempre bianco
- Dimensione descrizione - Non regolabile
I titoli del Blocco galleria a griglia possono essere visualizzati sotto l'immagine. I titoli e le descrizioni vengono visualizzati nella sovrapposizione lightbox.
Didascalia sotto l'immagine
In tutti i modelli, per i titoli che vengono visualizzati sotto le immagini Blocco galleria a griglia:
- Tipo di carattere - Segue il corpo del testo
- Colore - Segue il corpo del testo
- Dimensione - Non regolabile
Sovrapposizione Lightbox
Nella maggior parte dei modelli, per le didascalie che vengono visualizzate sulle immagini dei Blocchi galleria a griglia in un pop-up lightbox:
- Tipo di carattere titolo - Segue Intestazione 1
- Colore titolo - Sempre bianco
- Dimensione titolo - Segue il corpo del testo
- Tipo di carattere descrizione - Segue il corpo del testo
- Colore descrizione - Sempre bianco
- Dimensione descrizione - Segue il corpo del testo
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Adirondack |
Dimensione titolo - Non regolabile |
|
Bedford |
Dimensione titolo - Non regolabile |
|
Five |
Dimensione titolo - Segue Intestazione 1 |
|
Flatiron |
Colore descrizione - Segue il corpo del testo |
|
Galapagos |
Colore titolo - Segue Intestazione 1 Nota: abilita Intestazioni personalizzate in Stili sito |
|
Pacific |
Colore titolo: segue il Titolo 1 |
|
Skye |
Tipo di carattere titolo: segue il tweak Elenco titolo Nota: i tweak Titolo elenco e Colore titolo sono disponibili solo quando si visualizza una pagina del blog |
|
Tremont |
Tipo di carattere descrizione - Non regolabile |
|
York |
Colore titolo - Segue Intestazione 1 |
Suggerimento: in alcuni modelli, il tweak Colore titolo influisce anche sui titoli dei post del blog. Per garantirne la visibilità, il colore del titolo dovrebbe essere diverso dal colore di sfondo del sito.
Blocco Galleria a slideshow
Le modifiche al testo della didascalia del Blocco galleria a slideshow dipendono dalla versione di Squarespace su cui si trova il sito.
Nella versione 7.1, è possibile aggiungere Blocchi galleria solo ai post del blog, agli articoli e ai singoli eventi.
Le didascalie Blocco galleria a slideshow sono posizionabili solo in sovrapposizione all'immagine. Per le didascalie visualizzate nel Blocco galleria a slideshow:
- Tipo di carattere titolo - Segue Paragrafi
- Colore titolo - Sempre bianco
- Dimensione titolo - Non regolabile
- Tipo di carattere descrizione - Segue Paragrafi
- Colore descrizione - Sempre bianco
- Dimensione descrizione - Non regolabile
Le didascalie Blocco galleria a slideshow sono posizionabili solo in sovrapposizione all'immagine. Nella maggior parte dei modelli, per le didascalie visualizzate nel Blocco galleria a slideshow:
- Tipo di carattere titolo - Segue il corpo del testo
- Colore titolo - Sempre bianco
- Dimensione titolo - Non regolabile
- Tipo di carattere descrizione - Segue il corpo del testo
- Colore descrizione - Sempre bianco
- Dimensione descrizione - Non regolabile
Nella famiglia Skye:
- Tipo di carattere titolo - Segue il corpo del testo
- Tipo di carattere descrizione - Segue il tweak Didascalie Blocchi immagine e galleria
Stack Gallery Block (Blocco Galleria Impilato)
Le modifiche al testo della didascalia del Blocco galleria impilata dipendono dalla versione di Squarespace su cui si trova il sito.
Nella versione 7.1, è possibile aggiungere Blocchi galleria solo ai post del blog, agli articoli e ai singoli eventi.
Le didascalie dei blocchi galleria impilati possono essere visualizzate solo sotto l'immagine:
- Tipo di carattere titolo - Segue Intestazioni
- Colore titolo - Segue Intestazione (Media)
- Dimensioni titolo - Segue Intestazione 3
- Tipo di carattere descrizione - Segue Paragrafi
- Colore descrizione - Segue Paragrafo (Medio)
- Dimensione descrizione - Segue Paragrafo 2
Le didascalie dei blocchi galleria impilati possono essere visualizzate solo sotto l'immagine. Nella maggior parte dei modelli:
- Tipo di carattere titolo - Segue Intestazione 3
- Colore titolo - Segue Intestazione 3
- Dimensioni titolo - segue Intestazione 3
- Descrizione tipo di carattere - Segue il corpo del testo
- Colore descrizione - Segue il corpo del testo
- Dimensione descrizione - Segue il corpo del testo
Suggerimento: abilita Intestazioni personalizzate in Stili sito per definire lo stile delle intestazioni Galapagos.
Nella famiglia Skye:
- Colore titolo - Segue il tweak Titolo Blocco galleria nel corpo del testo
- Tipo di carattere descrizione - Segue il tweak Didascalie Blocchi immagine e galleria
- Colore descrizione - Segue il tweak Didascalie Blocchi immagine e galleria
- Dimensione descrizione - Segue il tweak Didascalie Blocchi immagine e galleria
Blocco Galleria a Carosello
Nella versione 7.1, è possibile aggiungere Blocchi galleria solo ai post del blog, agli articoli e ai singoli eventi.
I Blocchi galleria a carosello non mostrano didascalie.
Pagina Galleria
La versione 7.1 non supporta le Pagine galleria. In alternativa, utilizza una sezione galleria.
Ogni modello nella versione 7.0 ha una Pagina galleria integrata. Molti modelli hanno una Pagina galleria esclusiva, mentre altri utilizzano la Pagina galleria standard, che può essere visualizzata come slideshow o griglia.
Pagine galleria esclusive
Queste famiglie di modelli hanno pagine galleria esclusive (specifiche per modello). Utilizza i link sottostanti per maggiori informazioni sulla Pagina galleria di ogni modello. Se il tuo modello non compare nell'elenco, ha una Pagina galleria standard.
Pagine galleria standard
Nella maggior parte dei modelli con Pagine galleria standard:
Formato griglia:
- Tipo di carattere titolo - Segue Intestazione 1
- Colore titolo - Sempre bianco
- Dimensione titolo - Segue il corpo del testo
- Tipo di carattere descrizione - Segue il corpo del testo
- Colore descrizione - Sempre bianco
- Dimensione descrizione - Segue il corpo del testo
Formato slideshow:
- Tipo di carattere titolo - Segue il corpo del testo
- Colore titolo - Sempre bianco
- Dimensione titolo - Non regolabile
- Tipo di carattere descrizione - Segue il corpo del testo
- Colore descrizione - Sempre grigio
- Dimensione descrizione - Non regolabile
Nota: il tweak corpo del testo regola lo spazio tra il titolo e la descrizione
Le seguenti famiglie di modelli presentano delle eccezioni:
|
Famiglia di modelli |
Formato griglia |
Formato slideshow |
|
Adirondack |
Tipo di carattere titolo - Non regolabile |
Tipo di carattere titolo - Segue Intestazione 1 Nota: viene sempre visualizzato in alto al centro |
|
Bedford |
Dimensione titolo - Non regolabile |
|
|
Five |
Dimensione titolo - Segue Intestazione 1 |
|
|
Galapagos |
Colore titolo - Segue Intestazione 1 Nota: abilita Intestazioni personalizzate in Stili sito. |
|
|
Marquee (sospeso) |
Tipo di carattere titolo - Segue il corpo del testo |
|
|
Native |
|
Nota: viene sempre visualizzato in alto |
|
Pacific |
Colore titolo - Segue Intestazione 1 |
|
|
Skye |
Tipo di carattere titolo- Segue il tweak Elenco titolo Nota: i tweak Titolo elenco e Colore titolo sono disponibili solo quando si visualizza una pagina del blog |
Tipo di carattere titolo - Segue il tweak Elenco titolo Nota: i tweak Titolo elenco e Colore titolo sono disponibili solo quando si visualizza una pagina del blog |
|
York |
Tipo di carattere titolo - Segue Intestazione 1 |
|
Pagine progetto
La versione 7.1 non supporta le Pagine del progetto. In alternativa, utilizza una sezione galleria.
La Pagina del progetto è un layout di portfolio specifico per modello, disponibile nella famiglia York (Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York). Nelle pagine del progetto, il titolo e il testo descrittivo dell'immagine vengono visualizzati nella pagina accanto o sotto l'immagine.
Usa i tweak nella sezione Progetto: tipo di carattere di Stili sito per modificare il testo del titolo e delle descrizioni dell'immagine. Inoltre, si possono ridimensionare i caratteri per controllare come vengono visualizzati.