Aggiungi un banner al tuo sito

Spesso chiamato immagine “hero” o “banner”, il blocco Copertina viene usato per aggiungere al tuo sito un’immagine grande, un video o un banner di testo. Questa guida ti mostrerà come aggiungere un banner e selezionare l’immagine, il video o il colore da visualizzare.

In questo video imparerai a usare il blocco Copertina per aggiungere un’intestazione visiva o una sezione in stile banner al tuo sito WordPress.com. Scoprirai come aggiungere un’immagine di sfondo o un video, come posizionare testo o altri blocchi sopra, come regolare il layout e il punto focale, come personalizzare la sovrapposizione e come visualizzare l’anteprima del design sui dispositivi mobili.

Puoi aggiungere un’immagine banner al tuo sito utilizzando il blocco Copertina. Per aggiungere un banner a una pagina, a un articolo o a un template, segui questi passaggi:

1. Vai alla bacheca del tuo sito.
2. A seconda di dove vuoi aggiungere il banner, vai a una pagina, un articolo o un template e modificalo oppure creane uno nuovo:
   • Pagina: vai alla sezione Pagine del menu.
   • Articolo: vai alla sezione Articoli del menu.
   • Template: vai su Aspetto → Editor e seleziona il template.
3. Fai clic sull’icona + (inseritore di blocchi) e cerca “copertina”.
   • In alternativa, digita /copertina dove vedi “Digita / per scegliere un blocco”.

4. Fai clic sull’icona Copertina per inserire il blocco Copertina: 

Dopo aver aggiunto un blocco Copertina, seleziona l’elemento multimediale da visualizzare. Puoi scegliere tra le seguenti opzioni:

• Carica: fai clic sul pulsante “Carica” per selezionare un file dal tuo computer.
• Seleziona media: trova i file multimediali in uno di questi posti:
  • Libreria multimediale: immagini e video che hai già caricato nella libreria multimediale del tuo sito.
  • Il tuo telefono: usa l’app mobile Jetpack per caricare file multimediali direttamente dal telefono.
  • Genera con IA: fornisci una breve descrizione del tipo di immagine che vuoi usare e l’IA creerà il design.
  • Google Foto: seleziona file multimediali dal tuo account Google Foto collegato.
  • Pexels: cerca immagini gratuite nella libreria di Pexels.
  • Openverse: cerca immagini gratuite nella libreria di Openverse.
• Usa immagine in evidenza: visualizza l’immagine in evidenza della pagina o dell’articolo, se è impostata. Se aggiungi un blocco Copertina a un template e selezioni questa opzione, viene mostrata automaticamente l’immagine in evidenza di qualsiasi pagina o articolo che usa quel template.
• Colore: invece di aggiungere un’immagine o un video, seleziona un colore a tinta unita per il banner.

Poi puoi aggiungere contenuti come testo e pulsanti al banner, personalizzare il layout del banner e modificare il design del banner.

Quando selezioni un’immagine per il banner, tieni presente questi aspetti:

• Le immagini decorative o astratte funzionano meglio, perché sui dispositivi mobili l’immagine completa potrebbe non essere sempre visualizzata per intero.
• Scrivi il testo sopra l’immagine, invece di inserirlo nell’immagine stessa. In questo modo, il testo si adatterà bene a schermi di tutte le dimensioni.
• Il blocco Copertina usa l’immagine come immagine di sfondo e non la ridimensiona in modo da mostrare l’intera larghezza dell’immagine sui dispositivi più piccoli. Con l’impostazione del selettore del punto focale, puoi scegliere quale parte dell’immagine mettere in evidenza quando viene visualizzata su schermi più piccoli.
  • Se nell’immagine ci sono contenuti che devono essere mostrati interamente su dispositivi di qualsiasi dimensione, puoi usare invece un blocco Immagine.

Il blocco Copertina supporta immagini, video e colori a tinta unita. Per caricare un video nel blocco Copertina, segui questi passaggi:

1. Aggiungi un blocco Copertina a una pagina o a un articolo.
2. Nella barra degli strumenti del blocco, fai clic sull’opzione “Aggiungi media“:

3. Scegli una delle seguenti opzioni:
   • Carica: carica un file video dal tuo computer (richiede un piano idoneo).
   • Apri la libreria multimediale: seleziona un file video che hai già caricato.
   • Incorpora video da URL: incolla un URL da YouTube, Vimeo o un altro provider.

Il blocco Copertina è decorativo, quindi non riproduce l’audio di un file video. Se vuoi includere l’audio del video, usa il blocco VideoPress per riprodurre i video con audio.

Dopo aver aggiunto un blocco Copertina, puoi cambiare il contenuto multimediale in qualsiasi momento. Per sostituire o rimuovere il contenuto multimediale del banner:

1. Vai alla bacheca del tuo sito.
2. Vai alla pagina, all’articolo o al template in cui si trova il banner.
3. Seleziona Vista elenco nell’angolo in alto a sinistra dell’editor.
4. Fai clic sull’elemento blocco Copertina nella vista elenco.

5. Nella barra degli strumenti del blocco, fai clic sul pulsante Sostituisci per scegliere una nuova immagine o un nuovo video.

Puoi scegliere un nuovo file multimediale usando una delle seguenti opzioni:

• Apri la libreria multimediale: seleziona un’immagine che hai già caricato.
• Carica: seleziona un’immagine dal tuo dispositivo da caricare sul tuo sito. Consulta i tipi di file supportati.
• Usa immagine in evidenza: usa l’immagine in evidenza della pagina o dell’articolo.
• Ripristina: rimuovi l’immagine, ma lascia il blocco Immagine al suo posto, così potrai scegliere tra opzioni come caricarla, selezionarla, generarla con l’IA o inserirla da URL.
• Il tuo telefono: aggiungi un’immagine dal tuo telefono usando l’app mobile di Jetpack.
• Genera con IA: genera un’immagine usando l’IA descrivendo ciò che vuoi.
• Google Foto.
• Libreria di foto gratuite di Pexels.
• Immagini gratuite di Openverse.
• Incorpora video da URL: incolla un URL da YouTube, Vimeo o un altro provider