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

Blocchi immagine

Utilizza i Blocchi immagine per aggiungere immagini a pagine o post del blog in diversi layout. Ciascun Blocco immagine visualizza un'immagine.

Guarda un video

Aggiungere un Blocco immagine

Per aggiungere un Blocco immagine:

  1. Modifica una pagina o un post, fai clic su un punto di inserimento e poi su Immagine. Per maggiori informazioni, visita Aggiungere contenuto con blocchi.
  2. Utilizza la scheda Contenuto per aggiungere un'immagine e un link a un'immagine.
  3. Clicca sulla scheda Design per modificare il layout e animare il blocco.
  4. Quando hai finito, clicca fuori dall'editor dei blocchi. Le modifiche apportate vengono salvate automaticamente.

Per istruzioni dettagliate, consulta le sezioni seguenti.

Aggiungere un'immagine

Nella scheda Contenuto dell'editor Blocco immagini:

  • Per caricare la tua immagine, clicca su Aggiungi un'immagine. Puoi anche trascinare l'immagine nell'uploader d'immagini dal tuo computer.
  • Per aggiungere un'immagine di archivio, clicca su Cerca immagine o Cerca immagini. Puoi scegliere tra opzioni gratuite o premium. Per maggiori informazioni, visita Cercare e aggiungere immagini di archivio.
  • Inoltre puoi riutilizzare le immagini dalla finestra Ricerca immagini.

Ricorda:

  • Per ottenere risultati ottimali, utilizza un'immagine di dimensione inferiore a 500 KB. Per ulteriori suggerimenti sul formato delle immagini, visita Formattazione delle immagini per la visualizzazione sul Web.
  • È possibile modificare l'immagine dopo il caricamento utilizzando l' Editor immagini.
  • Il blocco immagine non si visualizzerà sul tuo sito Web senza aver caricato un'immagine.

Aggiungere un link a un'immagine o un pulsante

Nella scheda Contenuti, puoi trasformare l'immagine in un link o aggiungere un pulsante al suo layout.

 

Per trasformare l'immagine in un link nel layout In linea, aggiungi l'URL al campo Link o clicca su l'icona dell'ingranaggio per ulteriori opzioni.

Ricorda:

  • Se attivi una lightbox, i collegamenti URL verranno disattivati.
  • Il layout Inline (In linea) non supporta l'utilizzo di pulsanti.

Per tutti gli altri layout del Blocco immagine, utilizza il menu a discesa Link. Puoi scegliere tra:

  • None (Nessuno) - Nessun link
  • Su immagine - L'intera immagine diventa un link. Aggiungi un URL nel campo che viene visualizzato sotto il menu a discesa, oppure clicca su l'icona dell'ingranaggio per ulteriori opzioni.
  • Pulsante - Viene visualizzato un pulsante allineato al testo, sotto il titolo e il sottotitolo. Personalizza il testo del pulsante e aggiungi l'URL nel campo che appare sotto il menu a discesa o clicca su l'icona dell'ingranaggio per ulteriori opzioni. Ulteriori informazioni sulla modellazione del pulsante sono riportate qui sotto.

Layout Blocco immagine

Ecco alcuni esempi di ciascun layout del Blocco immagine, che puoi modificare nella scheda Design. Mentre selezioni un layout, vedrai un'anteprima della pagina.

Suggerimento: quando passi dal layout In linea a un altro layout, dovrai inserire nuovamente il testo dell'immagine.

I Blocchi immagine in linea visualizzano le immagini con sottotitoli opzionali sotto o sovrapposti all'immagine. Impostare la modalità di visualizzazione della didascalia nella scheda Contenuto .

Inline_image_block_-_caption_below.pngInline_image_block_-_caption_overlay.png

I Blocchi immagine Poster visualizzano il testo sopra le immagini, creando l'aspetto di un banner o di un poster.

Poster_image_block.png

I Blocchi immagine cartolina visualizzano le immagini con testo a sinistra o a destra. Di solito, il testo si sposta sotto le immagini nei browser più piccoli e nei dispositivi mobili o quando i Blocchi immagine vengono utilizzati in colonne.

Per scegliere da quale lato appare l'immagine, seleziona Immagine a sinistra o Immagine a destra nella scheda Progettazione del Blocco immagine.

Card_image_block.png

I Blocchi immagine Sovrapposizione visualizzano immagini su un lato con il testo sull'altro, parzialmente sovrapposto all'immagine. Aggiungi un colore di sfondo per evidenziare il titolo. Di solito, il testo si sposta sotto le immagini nei browser più piccoli e nei dispositivi mobili o quando i Blocchi immagine vengono utilizzati in colonne.

Per scegliere da quale lato appare l'immagine, seleziona Immagine a sinistra o Immagine a destra nella scheda Progettazione del Blocco immagine.

Overlap_image_block.png

Il Blocco immagine Collage visualizza immagini su un lato e il testo su schede di sfondo sull'altro, parzialmente sovrapposto all'immagine. Di solito, il testo si sposta sotto le immagini nei browser più piccoli e nei dispositivi mobili o quando i Blocchi immagine vengono utilizzati in colonne.

Per scegliere da quale lato appare l'immagine, seleziona Immagine a sinistra o Immagine a destra nella scheda Progettazione del Blocco immagine.

Collage_image_block.png

Blocchi immagine in colonna visualizza le immagini con il testo sotto.

Stack_image_block.png

Aggiungere animazioni

Non è possibile aggiungere animazioni dall'app Squarespace.

Nella scheda Designdell'editor del Blocco immagine, puoi aggiungere animazioni che i visitatori vedono quando caricano o aggiornano la pagina.

Per aggiungere animazioni:

  1. Nell'editor Blocco immagini fare clic su Progettazione, quindi su Animazioni.
  2. Seleziona un effetto dalla lista da applicare all'immagine e a un qualsiasi testo. Mentre selezioni un'opzione, vedrai un'anteprima di come apparirà sulla pagina.
  3. Per animare separatamente l'immagine e il testo, selezionaPersonalizza, quindi seleziona le opzioni Immagine e Testo.
Suggerimento: nella versione 7.1, è possibile applicare animazioni a livello globale a tutte le immagini sul tuo sito.

Scegli tra queste opzioni di animazione per l'immagine, il testo o entrambi:

  • Dissolvenza - Il blocco, l'immagine o il testo si dissolve
  • Scorrimento verso l'alto - Il blocco, l'immagine o il testo scorre verso l'alto
  • Scorrimento verso il basso: l'immagine o il testo scorre verso il basso
  • Clip orizzontale - Il blocco o l'immagine si carica in strati orizzontali
  • Clip verticale - Il blocco o l'immagine si carica in strati verticali
  • Inclinazione verso l'alto - Il blocco o l'immagine si ingrandiscono con un'inclinazione verso l'alto
  • Inclinazione verso il basso - Il blocco o l'immagine si ingrandiscono con un'inclinazione verso il basso
  • Messa a fuoco: il blocco, l'immagine o il testo sembra sfocato, poi viene messo a fuoco
  • Scontro: immagine e testo scivolano verso l'interno dai lati
  • Rivelazione: immagine e testo scivolano verso l'esterno dal centro
  • Scorrimento da sinistra: l'immagine o il testo scorre da sinistra
  • Scorrimento da destra: l'immagine o il testo scorre da destra

Ecco un esempio di un Blocco immagine Collage che utilizza queste impostazioni:

  • Animazione - Personalizza
  • Animazione immagine - Diapositiva da destra
  • Animazione testo - Diapositiva da sinistra

Esempio di un Blocco immagine con animazioni.

Aggiungere il testo

Nel Blocco immagine, clicca su Scrivi una didascalia qui, Scrivi un titolo qui o Scrivi un sottotitolo qui per aggiungere del testo all'immagine.

Per un migliore risultato, mantieni il testo breve e prova a limitare i sottotitoli a una o due frasi. In questo modo, puoi mantenere un giusto equilibrio tra le parole e l'immagine. Inoltre, il testo sarà visibile anche su dispositivi mobili.

Suggerimento: evidenzia il testo per apportare modifiche di base alla formattazione con la barra degli strumenti di testo, come il grassetto, il corsivo o l'aggiunta di un link.

Differenze tra didascalie, titoli e sottotitoli

I campi di testo e opzioni di stile variano in base al layout. Il layout In linea supporta una didascalia di base, mentre gli altri layout supportano i campi titolo e sottotitoli.

Il layout In linea supporta una didascalia:

Nella scheda Contenuto, seleziona un'opzione di visualizzazione dal menu a discesa delle didascalie:

  • Off - Non viene visualizzata alcuna didascalia a meno che l'immagine non venga visualizzata in un lightbox.
  • Didascalia sotto - La didascalia viene visualizzata sotto l'immagine, allineata a sinistra.
  • Didascalia in sovrapposizione - La didascalia viene visualizzata sull'immagine in una barra di colore grigio scuro.
  • Didascalia in sovrapposizione al passaggio del mouse - La didascalia viene visualizzata sull'immagine in una barra di colore grigio scuro quando il cursore passa sopra l'immagine.
Suggerimento:se non vedi Scrivi didascalia qui, passa temporaneamente allo stile Didascalia sotto nella scheda Design.

Le didascalie vengono sempre visualizzate in lightbox. Le didascalie non vengono visualizzate in Blocchi immagine vuoti. Per aggiungere testo senza un'immagine, utilizza un Blocco di testo.

Altri layout supportano un titolo e un sottotitolo:

Ridimensiona l'immagine

Puoi ridimensionare o ritagliare Blocchi immagine in diversi modi. Le opzioni disponibili dipendono dal layout.

I Blocchi immagine In linea mantengono la larghezza del file immagine originale. Se il file immagine è più stretto dell'area del contenuto, verrà visualizzato uno spazio vuoto su entrambi i lati dell'immagine. Questo permette di preservare la qualità dell'immagine. Per riempire lo spazio vuoto e visualizzare l'immagine per l'intera larghezza del blocco, clicca sul tasto di selezione Estendi nella scheda Design del blocco. L'estensione di un'immagine può avere effetto sulla sua qualità.

Inoltre, puoi modificare le dimensioni e il ritaglio dell'immagine in altri modi:

Le immagini nel layout Poster si estendono automaticamente per riempire l'intera larghezza del blocco.

Per modificare le dimensioni e il ritaglio dell'immagine:

Per modificare le dimensioni e il ritaglio dell'immagine:

Per modificare le dimensioni e il ritaglio dell'immagine:

Per modificare le dimensioni e il ritaglio dell'immagine:

Le immagini nel layout A colonna si estendono automaticamente per riempire l'intera larghezza del blocco.

Per modificare le dimensioni e il ritaglio dell'immagine:

Suggerimento: puoi rimuovere il padding applicato automaticamente ai Blocchi immagine aggiungendo codice personalizzato. Per maggiori informazioni, vedi questo post nello Squarespace Forum.

Nota: le personalizzazioni del codice non rientrano nell'ambito del nostro supporto. Ciò significa che non possiamo fornire assistenza in relazione alla configurazione o alla risoluzione dei problemi.

Definire lo stile del Blocco immagine

Alcuni layout hanno impostazioni di stile specifiche per i caratteri, i colori e i pulsanti. La visualizzazione di queste impostazioni dipende dalla versionedel sito.

Versione 7.1

Nella versione 7.1, alcuni layout hanno le proprie impostazioni di stile nel pannello Stili sito. 

  • Modificare i tipi di carattere del blocco nel pannello Tipi di carattere.
  • Impostare le dimensioni dei tipi di carattere nella barra degli strumenti di testo. Le dimensioni del carattere del pulsante seguono il Paragrafo 2.
  • Modificare i colori della sezione del blocco nel pannello Colori.
  • Personalizzare i colori del tema per gli elementi come il titolo, la sovrapposizione delle immagini o lo sfondo del pulsante con i tweak di colore Blocco immagine.

Per definire lo stile di altri elementi nel Blocco immagine, ad esempio l'allineamento del testo o la larghezza del contenuto:

  1. Durante la modifica di una pagina, apri Stili sito, quindi clicca su Blocchi immagine.
  2. Scorri verso il basso fino alla sezione di ogni layout per modificarne i tweak. Troverai i tweak specifici di ogni layout qui sotto.

Il Blocco immagine in linea non ha tweak specifici in Stili sito. Per informazioni sugli stili, i colori e le dimensioni dei tipi di carattere delle didascalie, visita Definire lo stile delle didascalie delle immagini.

Scorri verso il basso fino alla sezione Blocco immagine: poster per modificare questi tweak, che interessano tutti i Blocchi immagine Poster sul sito:

  • Allineamento del testo: a sinistra, al centro, a destra - Allinea il titolo e il sottotitolo
  • Larghezza contenuti - Imposta la larghezza della didascalia
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Separazione pulsante) - Imposta la posizione del pulsante

Scorri verso il basso fino alla sezione Blocco immagine: cartolina per modificare questi tweak, che interessano tutti i Blocchi immagine Cartolina sul sito:

  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo e il sottotitolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Separazione immagine - Imposta lo spazio tra l'immagine e il testo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Separazione pulsante) - Imposta la posizione del pulsante

Scorri verso il basso fino alla sezione Blocco immagine: Sovrapposizione per modificare questi tweak, che interessano tutti i Blocchi immagine Sovrapposizione sul sito:

  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo e il sottotitolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Sovrapposizione titolo - Scegli la porzione di titolo che si sovrappone all'immagine. Ciò riguarda le dimensioni del testo.
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Separazione pulsante) - Imposta la posizione del pulsante

Scorri verso il basso fino alla sezione Blocco immagine: Collage per modificare questi tweak, che interessano tutti i Blocchi immagine Collage sul sito:

  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo e il sottotitolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Larghezza contenuti - Imposta la larghezza della didascalia
  • Sovrapposizione contenuto - Scegli la porzione di didascalia che si sovrappone all'immagine. Ciò riguarda le dimensioni del testo.
  • Padding contenuti - Imposta il padding su entrambi i lati della didascalia
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Separazione pulsante) - Imposta la posizione del pulsante

Scorri verso il basso fino alla sezione Blocco immagine: Impilato per modificare questi tweak, che interessano tutti i Blocchi immagine Impilati sul sito:

  • Allineamento del testo: a sinistra, al centro, a destra - Allinea il titolo e il sottotitolo
  • Separazione immagine - Imposta lo spazio tra l'immagine e il testo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Separazione pulsante) - Imposta la posizione del pulsante

Versione 7.0

Nella versione 7.0, alcuni layout hanno proprie impostazioni di stile in Stili sito. Per trovare queste opzioni:

Nel Menu Home, clicca su Design, quindi su Stili sito.

Il Blocco immagine In linea non ha opzioni di Stili sito uniche. Gli stili delle didascalie sono impostati dal modello.

Scorri verso il basso fino alla sezione Blocco immagine: poster per modificare questi tweak, che interessano tutti i Blocchi immagine Poster sul sito:

  • Allineamento del testo: a sinistra, a destra, al centro - Allinea il titolo e il sottotitolo
  • Tipo di carattere - Imposta il tipo di carattere e le dimensioni del titolo
  • Colore titolo
  • Tipo di carattere sottotitolo - Imposta il tipo di carattere le dimensioni del sottotitolo
  • Colore sottotitoli
  • Colore link In linea - Imposta il colore del link del titolo e del sottotitolo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Colore sovrapposizione immagine - Aggiungi un filtro di colore sull'immagine
  • Larghezza contenuti - Imposta la larghezza della didascalia
  • Colore di sfondo titolo - Aggiungi un colore dietro il titolo

Se hai aggiunto un pulsante, utilizza queste modifiche per personalizzarlo:

  • Tipo di carattere pulsante - Imposta tipo di carattere dimensioni del pulsante
  • Button Font Color (Colore Font Pulsante)
  • Button Background Color (Colore Sfondo Pulsante)
  • Colore bordo pulsante- Modifica il colore del bordo impostato con il tweak Larghezza bordo pulsante
  • Button Border Width (Larghezza Bordo Pulsante)
  • Button Padding (Spaziatura Pulsante)
  • Arrotondamento pulsante
  • Separazione pulsante) - Imposta la posizione del pulsante

Al termine, clicca su Salva.

Suggerimento: puoi impostare l'opacità per ogni tweak di colore.

Scorri verso il basso fino alla sezione Blocco immagine: cartolina per modificare questi tweak, che interessano tutti i Blocchi immagine Cartolina sul sito:

  • Ridimensionamento dinamico del font - Ridimensiona il testo a seconda della larghezza del blocco e del browser. Il titolo e il sottotitolo non verranno ridimensionati a meno di 14 pixel.
  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo e il sottotitolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Tipo di carattere - Imposta il tipo di carattere e le dimensioni del titolo
  • Colore titolo
  • Tipo di carattere sottotitolo - Imposta il tipo di carattere le dimensioni del sottotitolo
  • Colore sottotitoli
  • Colore link In linea - Imposta il colore del link del titolo e del sottotitolo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Colore di sfondo cartolina - Modifica lo sfondo che viene visualizzato alle spalle del testo
  • Spaziatura cartolina - Imposta la spaziatura su entrambi i lati del testo
  • Separazione cartolina - Aggiungi spazio tra l'immagine e lo sfondo della cartolina
  • Colore sovrapposizione immagine - Aggiungi un filtro di colore sull'immagine
  • Colore di sfondo titolo - Aggiungi un colore dietro il titolo

Se hai aggiunto un pulsante, utilizza queste modifiche per personalizzarlo:

  • Tipo di carattere pulsante - Imposta tipo di carattere dimensioni del pulsante
  • Button Font Color (Colore Font Pulsante)
  • Button Background Color (Colore Sfondo Pulsante)
  • Colore bordo pulsante- Modifica il colore del bordo impostato con il tweak Larghezza bordo pulsante
  • Button Border Width (Larghezza Bordo Pulsante)
  • Button Padding (Spaziatura Pulsante)
  • Arrotondamento pulsante
  • Separazione pulsante) - Imposta la posizione del pulsante

Al termine, clicca su Salva.

Suggerimento: puoi impostare l'opacità per ogni tweak di colore.

Scorri verso il basso fino alla sezione Blocco immagine: Sovrapposizione per modificare questi tweak, che interessano tutti i Blocchi immagine Sovrapposizione sul sito:

  • Ridimensionamento dinamico del font - Ridimensiona il testo a seconda della larghezza del blocco e del browser. Il titolo e il sottotitolo non verranno ridimensionati a meno di 14 pixel.
  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Sovrapposizione titolo - Scegli la porzione di titolo che si sovrappone all'immagine. Ciò riguarda le dimensioni del testo.
  • Tipo di carattere del titolo - Imposta il tipo di carattere e le dimensioni del titolo
  • Colore titolo
  • Tipo di carattere sottotitolo - Imposta il tipo di carattere le dimensioni del sottotitolo
  • Colore sottotitoli
  • Colore link In linea - Imposta il colore del link del titolo e del sottotitolo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Colore sovrapposizione immagine - Aggiungi un filtro di colore sull'immagine
  • Colore di sfondo titolo - Aggiungi un colore dietro il titolo

Se hai aggiunto un pulsante, utilizza queste modifiche per personalizzarlo:

  • Tipo di carattere pulsante - Imposta tipo di carattere dimensioni del pulsante
  • Button Font Color (Colore Font Pulsante)
  • Button Background Color (Colore Sfondo Pulsante)
  • Colore bordo pulsante- Modifica il colore del bordo impostato con il tweak Larghezza bordo pulsante
  • Button Border Width (Larghezza Bordo Pulsante)
  • Button Padding (Spaziatura Pulsante)
  • Arrotondamento pulsante
  • Separazione pulsante) - Imposta la posizione del pulsante

Al termine, clicca su Salva.

Suggerimento: puoi impostare l'opacità per ogni tweak di colore.

Scorri verso il basso fino alla sezione Blocco immagine: Collage per modificare questi tweak, che interessano tutti i Blocchi immagine Collage sul sito:

  • Ridimensionamento dinamico del font - Ridimensiona il testo a seconda della larghezza del blocco e del browser. Il titolo e il sottotitolo non verranno ridimensionati a meno di 14 pixel.
  • Posizione del contenuto: in alto, al centro, in basso
  • Allineamento del testo: a sinistra, al centro, a destra, corrispondente, opposto - Allinea il titolo e il sottotitolo. Corrispondente allinea il testo sullo stesso lato dell'immagine. Opposto allinea il testo sull'altro lato.
  • Larghezza immagine - Imposta le dimensioni dell'immagine
  • Larghezza contenuto - Imposta la larghezza della didascalia. Ciò riguarda le dimensioni del testo.
  • Sovrapposizione contenuto - Scegli la porzione di didascalia che si sovrappone all'immagine. Ciò riguarda le dimensioni del testo.
  • Tipo di carattere - Imposta il tipo di carattere e le dimensioni del titolo
  • Colore titolo
  • Tipo di carattere sottotitolo - Imposta il tipo di carattere le dimensioni del sottotitolo
  • Colore sottotitoli
  • Colore link In linea - Imposta il colore del link del titolo e del sottotitolo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Sfondo cartolina - Modifica il colore di sfondo che viene visualizzato alle spalle della didascalia
  • Spaziatura cartolina - Imposta la spaziatura su entrambi i lati della didascalia
  • Colore sovrapposizione immagine - Aggiungi un filtro di colore sull'immagine

Se hai aggiunto un pulsante, utilizza queste modifiche per personalizzarlo:

  • Tipo di carattere pulsante - Imposta tipo di carattere dimensioni del pulsante
  • Button Font Color (Colore Font Pulsante)
  • Button Background Color (Colore Sfondo Pulsante)
  • Colore bordo pulsante- Modifica il colore del bordo impostato con il tweak Larghezza bordo pulsante
  • Button Border Width (Larghezza Bordo Pulsante)
  • Button Padding (Spaziatura Pulsante)
  • Arrotondamento pulsante
  • Separazione pulsante) - Imposta la posizione del pulsante

Al termine, clicca su Salva.

Suggerimento: puoi impostare l'opacità per ogni tweak di colore.

Scorri verso il basso fino alla sezione Blocco immagine: Impilato per modificare questi tweak, che interessano tutti i Blocchi immagine Impilati sul sito:

  • Ridimensionamento dinamico del font - Ridimensiona il testo a seconda della larghezza del blocco e del browser. Il titolo e il sottotitolo non verranno ridimensionati a meno di 14 pixel.
  • Allineamento testo: sinistra, destra, centro
  • Tipo di carattere - Imposta il tipo di carattere e le dimensioni del titolo
  • Colore titolo
  • Tipo di carattere sottotitolo - Imposta il tipo di carattere le dimensioni del sottotitolo
  • Colore sottotitoli
  • Colore link In linea - Imposta il colore del link del titolo e del sottotitolo
  • Separazione titolo - Imposta lo spazio tra il titolo e sottotitolo
  • Sfondo cartolina - Modifica il colore di sfondo che viene visualizzato alle spalle della didascalia
  • Spaziatura cartolina - Imposta la spaziatura su entrambi i lati della didascalia
  • Colore sovrapposizione immagine - Aggiungi un filtro di colore sull'immagine

Se hai aggiunto un pulsante, utilizza queste modifiche per personalizzarlo:

  • Tipo di carattere pulsante - Imposta tipo di carattere dimensioni del pulsante
  • Button Font Color (Colore Font Pulsante)
  • Button Background Color (Colore Sfondo Pulsante)
  • Colore bordo pulsante- Modifica il colore del bordo impostato con il tweak Larghezza bordo pulsante
  • Button Border Width (Larghezza Bordo Pulsante)
  • Button Padding (Spaziatura Pulsante)
  • Arrotondamento pulsante
  • Separazione pulsante) - Imposta la posizione del pulsante

Al termine, clicca su Salva.

Suggerimento: puoi impostare l'opacità per ogni tweak di colore.

Blocchi immagine su dispositivi mobili

Ciascun layout di Blocco Immagine mantiene la formattazione su dispositivi mobili. Il testo si sposterà per adattarsi allo schermo del dispositivo, ma manterrà una posizione simile in relazione all'immagine.

  • Per avere un'idea di come verrà visualizzato il Blocco Immagine, utilizza l'Anteprima Dispositivi.
  • Ad eccezione dei layout In linea e A colonna, le didascalie mantengono la larghezza impostata rispetto all'immagine. Ciò significa che le didascalie più lunghe potrebbero risultare più difficili da leggere o essere tagliate sui dispositivi mobili. Ciò può essere particolarmente visibile nel layout Poster, progettato per poco testo.
  • Le didascalie per il layout Carta si spostano da accanto all'immagine sotto l'immagine. Per i layout Collage e Sovrapposizione, le didascalie si spostano da accanto all'immagine verso la parte inferiore dell'immagine.
  • I layout Cartolina, Collage, Sovrapposto e Impilato dispongono di un'opzione Ridimensionamento dinamico del carattere nel pannello Stili sito. Quando abilitata, il testo non verrà ridimensionato utilizzando una dimensione inferiore ai 14 pixel.
  • I Blocchi Immagine vengono impilati verticalmente su dispositivi mobili.

Risoluzione dei problemi relativi ai colori delle immagini

Se un'immagine viene salvata in modalitàCMYK piuttosto che RGB, i colori sul tuo sito Squarespace possono differire da quelli dell'immagine originale.

Salva sempre le tue immagini in modalità RGB o sRGB. La modalità a colori RGB è un formato sicuro per il web, mentre la modalità CMYK è destinata alla stampa e potrebbe non essere visualizzata correttamente nella maggior parte dei browser. Per maggiori informazioni sulla formattazione delle immagini, visita Formattare le immagini per la visualizzazione sul web.

Passaggi successivi

Dopo aver impostato il Blocco immagine, puoi riorganizzarlo, modificarlo o rimuoverlo:

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 91 su 369