Aggiunta di immagini in evidenza

Pubblicizza i post del blog, gli eventi o i prodotti inclusi nel tuo sito con un'immagine accattivante.

Ultimo aggiornamento 26 marzo 2024

Squarespace utilizza le immagini in evidenza per rappresentare singoli elementi di una raccolta, come post di blog, eventi e prodotti, in diverse aree del tuo sito. Ad esempio, puoi utilizzare un Blocco riepilogo per visualizzare i post della pagina del blog che includono l'immagine in evidenza di ogni post. 

Se il tuo sito è nella versione 7.0, puoi anche aggiungere immagini in evidenza di pagina da visualizzare nelle Pagine indice, e creare immagini di banner per pagina in alcuni modelli.

Quando l'opzione è disponibile, ti consigliamo di aggiungere immagini in evidenza per creare una esaltante esperienza visiva per il tuo sito. Per una guida su come si formattano le immagini prima di caricarle, visita Formattare le immagini per la visualizzazione sul web.

Suggerimento

quando condividi sui social un link dal tuo sito, l'immagine di condivisione sui social potrebbe essere visualizzata al posto dell'elemento o dell'immagine in evidenza della pagina. Per maggiori informazioni su cosa mostrare, visita la sezione Modalità di visualizzazione dei contenuti nei post sui social.

Immagini in evidenza dell'elemento della raccolta

Le immagini in evidenza degli elementi della raccolta rappresentano singoli post di blog, eventi e prodotti nel tuo sito. Possono anche essere visualizzati quando gli elementi sono condivisi sui social media.

Nella versione 7.0, alcuni modelli utilizzano le immagini in evidenza degli elementi di raccolta per creare un'immagine banner.

La modalità di aggiunta dell'immagine in evidenza di un elemento di raccolta dipende dalla versione di Squarespace su cui si trova il sito.

Per aggiungere un post del blog, un evento o un'immagine in evidenza nella pagina secondaria del portfolio:

  1. Apri il pannello Pagine.
  2. Nel pannello Pagine, clicca su una Pagina del blog, degli eventi o del portfolio. Se non hai aggiunto immagini in evidenza a un post, a un evento o a una pagina secondaria, viene visualizzata l'icona di un'immagine.
  3. Passa il mouse sull'elemento (ad esempio, un post del blog) e clicca su ..., quindi clicca su Impostazioni
  4. Nella scheda Contenuto o Generale, trascina l'immagine nello strumento di caricamento o clicca sullo strumento di caricamento e scegli un file dal tuo computer. Se nell'elemento c'è già un'immagine, clicca su Rimuovi immagine e aggiungine una nuova.
  5. Per riutilizzare un'immagine o utilizzare un'immagine di archivio, fai clic su Cerca immagini (solo post di blog ed eventi).
  6. Fai clic su Salva.

Per impostazione predefinita, la prima immagine visualizzata nell'editor del prodotto diventa l'immagine in evidenza. Per modificare l'immagine in evidenza del prodotto:

  1. Apri il pannello Pagine.
  2. Nel pannello Pagine, clicca su una pagina negozio.
  3. Clicca due volte su un prodotto.
  4. Nell'editor di prodotti, scorri verso il basso fino alla sezione Immagini e clicca su Immagine in evidenza.
  5. Carica un'immagine o selezionane una esistente nella tua libreria di immagini.
  6. Se il prodotto ha già un'immagine in evidenza, fai clic sui tre punti a destra dell'immagine, quindi fai clic su Elimina. Quindi, carica una nuova immagine.
  7. Fai clic su Salva.

Per aggiungere un'immagine in evidenza personalizzata a un video caricato su una pagina video:

  1. Apri il pannello Pagine e clicca su una pagina video.
  2. Nel pannello laterale, clicca su Tutto.
  3. Passa il mouse sul video a cui desideri aggiungere l'immagine personalizzata e fai clic su ..., poi fai clic su Modifica video.
  4. Nell'editor video, attiva l'opzione Immagine in evidenza personalizzata. Tieni presente che questa opzione è disponibile solo per i video caricati direttamente su Squarespace. Non è possibile aggiungere immagini in evidenza personalizzate ai video incorporati.
  5. Clicca su Aggiungi un'immagine, quindi carica l'immagine desiderata o selezionala dalla tua libreria di immagini. Se l'elemento include già un'immagine, clicca su Sostituisci e aggiungi la nuova immagine.
  6. Fai clic su Salva.

Per aggiungere un post sul blog o un'immagine in evidenza dell'evento:

  1. Apri il pannello Pagine.
  2. Nel pannello Pagine, fai clic su un Blog o su una Pagina eventi
  3. Apri le impostazioni dell'elemento e fai clic su Opzioni.
  4. Trascina l'immagine nello strumento di caricamento o clicca sullo strumento di caricamento per scegliere un file dal tuo computer. Se nell'elemento c'è già un'immagine, clicca su Rimuovi immagine o sull'icona del cestino, quindi aggiungine una nuova.
  5. Per riutilizzare un'immagine o utilizzare un'immagine stock, fai clic su Cerca immagine.
  6. Fai clic su Salva.

Per impostazione predefinita, la prima immagine visualizzata nell'editor del prodotto diventa l'immagine in evidenza. Per modificare l'immagine in evidenza del prodotto:

  1. Apri il pannello Pagine.
  2. Nel pannello Pagine, clicca su una pagina negozio.
  3. Clicca due volte su un prodotto.
  4. Nell'editor di prodotti, scorri verso il basso fino alla sezione Immagini e clicca su Immagine in evidenza.
  5. Carica un'immagine o selezionane una esistente nella tua libreria di immagini.
  6. Se il prodotto ha già un'immagine in evidenza, fai clic sui tre punti a destra dell'immagine, quindi fai clic su Elimina. Quindi, carica una nuova immagine.
  7. Fai clic su Salva.

Suggerimento

utilizza l'editor di immagini per modellare o ritagliare l'immagine in evidenza dopo l'upload. Puoi anche utilizzare i punti focali per centrare l'immagine entro le dimensioni limite.

Accesso a questa funzionalità

L'app Squarespace supporta esclusivamente l'aggiunta di immagini in evidenza degli elementi della raccolta ai post del blog. Per aggiungere immagini in evidenza di eventi o prodotti, usa un computer.

Per aggiungere un'immagine in evidenza di un elemento della raccolta in un sito aggiornato alla versione 7.1:

  1. Tocca Altro, tocca Pagine, tocca il blog e infine tocca Contenuto del blog.
  2. Tocca ... accanto al post, tocca Impostazioni, quindi tocca Contenuti.
  3. Se l'elemento ha già un'immagine, clicca su Rimuovi immagine, quindi tocca Aggiungi immagine
  4. Scegli un'immagine:
    • Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
    • Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
    • Scegli un'immagine da iCloud - Tocca Inserisci da....
  5. Tocca Indietro, quindi tocca Salva.

Per aggiungere un'immagine in evidenza di un elemento della raccolta in un sito aggiornato alla versione 7.0:

  1. Tocca Altro, quindi tocca Pagine
  2. Tocca il blog, quindi tocca il post del blog. 
  3. Tocca ..., quindi tocca Impostazioni pagina.
  4. Nelle impostazioni del post, tocca Aggiungi immagine, quindi scegli un'immagine:
    • Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
    • Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
    • Scegli un'immagine da iCloud - Tocca Inserisci da....
  5. Tocca Salva

Immagini in evidenza della pagina (versione 7.0)

Accesso a questa funzionalità

La versione 7.1 non utilizza immagini in evidenza delle pagine. Per creare un'immagine banner, aggiungi invece un'immagine di sfondo di sezione a una sezione di pagina. Per rappresentare la pagina sui social media, aggiungi un'immagine alternativa per la condivisione sui social.

Le immagini in evidenza delle pagine compaiono sulle Pagine Indice, e in alcuni modelli creano immagini banner per pagina. Alcuni modelli supportano l'aggiunta di filmati.

Per aggiungere un'immagine in evidenza alla pagina:

  1. Apri il pannello Pagine.
  2. Passa il mouse sulla pagina nel pannello a sinistra e clicca per aprire le impostazioni pagina.
  3. In Impostazioni pagina, clicca sulla scheda Media.
  4. Trascina un'immagine nel box Banner/Immagine in evidenza, oppure clicca su Aggiungi immagine. Se nell'elemento è già presente un'immagine, fai clic su Rimuovi immagine o sull'icona del cestino e aggiungine una nuova. Puoi anche fare clic su Cerca immagini per riutilizzarne una, oppure aggiungere una immagine d'archivio.
  5. Fai clic su Salva.

Suggerimento

utilizza l'editor di immagini per modellare o ritagliare l'immagine in evidenza dopo l'upload. Puoi anche utilizzare i punti focali per centrare l'immagine entro le dimensioni limite.

Per aggiungere un'immagine in evidenza alla pagina:

  1. Tocca Altro, quindi tocca Pagine.
  2. Tocca ... o la parte superiore dello schermo, quindi tocca Impostazioni pagina.
  3. In Opzioni, tocca Media.
  4. Tocca Aggiungi immagine alla voce Immagine in evidenza. Se l'elemento presenta già un'immagine, clicca su Sostituisci, quindi aggiungine una nuova.
  5. Scegli un'immagine:
    • Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
    • Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
    • Scegli un'immagine da iCloud - Tocca Inserisci da....
  6. Tocca Impostazioni pagina, e poi Salva.

Nella maggior parte dei modelli, se la pagina galleria non contiene un'immagine in evidenza, ne crea automaticamente una dalla prima immagine della galleria. Usa i passaggi sopra indicati per sostituire questa immagine con un'altra o per eliminarla del tutto.

In alcuni modelli, eliminando l'immagine in evidenza della pagina, la prima immagine della galleria diventa automaticamente l'immagine in evidenza quando apporti una modifica alla galleria. Questo è particolarmente evidente in modelli in cui l'immagine in evidenza crea un banner di pagina.

In questi casi, puoi eliminare la nuova immagine in evidenza da Impostazioni pagina per rimuoverla dopo ciascuna modifica. Considera che se aggiungi manualmente un'immagine in evidenza in Impostazioni pagina, questa non verrà aggiornata automaticamente quando apporti modifiche alla galleria. Per ricreare l'aspetto di una pagina senza banner, puoi caricare un'immagine in evidenza dal colore uniforme che corrisponde al tuo sfondo.

Come verranno visualizzate le immagini in evidenza

Le immagini in evidenza vengono visualizzate in modo diverso a seconda della versione del sito e del punto in cui l'immagine in evidenza comparirà. 

Utilizzare questa tabella per ulteriori informazioni sulla visualizzazione delle immagini in evidenza in aree diverse del sito. 

Area del sito

Visualizzazione delle immagini in evidenza

Pagine blog, eventi, negozi e video

Le immagini in evidenza degli elementi vengono visualizzati sulla pagina principale della raccolta per rappresentare ciascun elemento. Ad esempio, le pagine Eventi mostrano le immagini in evidenza per ciascun evento in programma.

Blocchi Prodotto

Le immagini in evidenza vengono visualizzate quando viene spuntata la casella Mostra immagine.

Blocchi riepilogo

Le immagini in evidenza vengono visualizzate per gli elementi della raccolta presenti nel blocco. Scegli tra diversi layout.

Utilizzare questa tabella per maggiori informazioni sulla visualizzazione delle immagini in evidenza in aree diverse del sito.  

Area del sito

Visualizzazione delle immagini in evidenza

Banner

In alcuni modelli, le immagini in evidenza vengono visualizzate come banner di pagina e degli elementi di una raccolta.

Pagine indice

Le immagini in evidenza vengono visualizzate a griglia, in colonna o a schermo intero, a seconda del modello del sito.

Pagine del blog, eventi e negozio avanzate

Le immagini in evidenza degli elementi della raccolta vengono visualizzati sulla pagina principale della raccolta per rappresentare ciascun elemento. Ad esempio, le pagine Eventi mostrano le immagini in evidenza per ciascun evento in programma.

Blocchi Prodotto

Le immagini in evidenza vengono visualizzate quando viene spuntata la casella Mostra immagine.

Blocchi riepilogo

Le immagini in evidenza vengono visualizzate per gli elementi della raccolta presenti nel blocco. Scegli tra diversi layout.

Blocchi Link al contenuto

Vengono visualizzate le immagini in evidenza per le pagine o gli elementi a cui ti stai collegando.

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.