Diego Fernando Torres » Blog di Monetizzazione » Wordpress » Guide Wordpress » Immagine di copertina e immagine in primo piano

Immagine di copertina e immagine in primo piano

    WordPress 5.0 è stato rilasciato con il nuovissimo editor di blocchi Gutenberg e una serie di funzioni interessanti. Uno di questi è il blocco Cover, che ti consente di aggiungere immagini di copertina ai tuoi post e pagine.

    Questa funzione ha confuso alcuni utenti perché potrebbe sembrare simile all’opzione Immagine in primo piano presente in WordPress da WordPress 2.9.

    In questo articolo, spiegheremo le differenze tra l’immagine di copertina e l’immagine in primo piano nell’editor di blocchi di WordPress.

    Immagine di copertina vs Immagine in primo piano - Editor di blocchi di WordPress

    Cos’è un’immagine di copertina?

    Un’immagine di copertina è solitamente un’immagine ampia utilizzata come foto di copertina per una nuova sezione in un post o in una pagina del blog. Fa parte dell’articolo complessivo. Puoi utilizzare un’immagine di copertina quando inizi una nuova sezione o una nuova storia all’interno del tuo articolo.

    Con il blocco Cover in WordPress, puoi aggiungere testo e sovrapposizione di colori sull’immagine di copertina.

    Blocco di copertura nell'editor di blocchi di WordPress

    Aggiungendo una sovrapposizione di colori appropriata che corrisponda al colore del tema o all’umore del contenuto, puoi rendere il tuo articolo più accattivante.

    Allo stesso modo, l’aggiunta di testo in sovrimpressione aiuta gli utenti a identificare facilmente dove inizia una nuova sezione nel tuo articolo e di cosa tratta.

    Tradizionalmente i blogger usano il testo dell’intestazione per separare le sezioni in un post sul blog. Con le immagini di copertina, ora hai opzioni per separare le sezioni in un modo visivamente più accattivante.

    Cos’è un’immagine in primo piano?

    Un’immagine in primo piano (nota anche come miniatura del post) è l’immagine principale dell’articolo che rappresenta il contenuto. Vengono visualizzati in modo ben visibile sul tuo sito Web su singoli post, pagine di archivio di blog, nonché sulla home page di notizie, riviste e siti Web di blog.

    A parte questo, le immagini in primo piano vengono visualizzate anche sui feed dei social media quando un articolo viene condiviso.

    Le immagini in primo piano sono progettate con cura per renderle attraenti. Tali immagini offrono agli utenti una rapida occhiata ai tuoi contenuti e suggeriscono loro l’intero articolo.

    Troverai una meta box nella schermata di modifica del post per aggiungere un’immagine in primo piano perché quasi tutti i temi WordPress supportano le immagini in primo piano per impostazione predefinita.

    Immagine in primo piano in WordPress

    Dove e come vengono visualizzate le immagini in primo piano è controllato interamente dal tuo tema WordPress.

    Per le opzioni avanzate delle immagini in primo piano, puoi controllare questi migliori plugin di immagini in primo piano di WordPress.

    Come aggiungere un’immagine di copertina in WordPress?

    Il nuovo editor di blocchi di WordPress (Gutenberg) viene fornito con un blocco di copertura per consentire di aggiungere un’immagine di copertina in WordPress.

    Innanzitutto, devi creare un nuovo post o modificarne uno esistente. Nella schermata di modifica del post, fai clic sul pulsante Aggiungi nuovo blocco e quindi scegli Cover block.

    Aggiungi il blocco di copertina nell'editor di blocchi di WordPress

    Puoi trovare il blocco Copertura all’interno della scheda Blocchi comuni.

    Facendo clic sul blocco, vedrai il blocco Cover aggiunto al tuo editor di contenuti con le opzioni per aggiungere la tua nuova immagine di copertina.

    Blocco di copertura con opzioni per caricare l'immagine

    Puoi semplicemente trascinare e rilasciare un’immagine o un video nell’area del blocco per caricare una nuova immagine di copertina. In alternativa, puoi fare clic sul pulsante Carica, scegliere un’immagine sul tuo computer e aprirla per caricarla.

    Se desideri aggiungere un’immagine già caricata alla tua libreria multimediale, puoi fare clic su Libreria multimediale e seleziona un’immagine dalla tua galleria multimediale.

    Carica l'immagine di copertina nell'editor di blocchi di WordPress

    Una volta aggiunta la tua immagine di copertina, puoi personalizzarla facilmente facendo clic sull’immagine di copertina.

    Questo ti mostrerà una barra degli strumenti con le opzioni di personalizzazione sopra l’immagine, il campo Scrivi titolo… al centro dell’immagine e le impostazioni di blocco inclusa la sovrapposizione del colore nel pannello sul lato destro.

    Opzioni di blocco della copertura

    Oltre all’opzione di allineamento, il blocco dell’immagine di copertina offre due scelte di larghezza: Larghezza ampia e Larghezza intera.

    L’opzione di larghezza ampia rende l’immagine ampia quanto il tuo contenuto. L’opzione a larghezza intera fa in modo che l’immagine copra l’intero schermo della finestra.

     Immagine di copertina a larghezza intera nell'editor di blocchi di WordPress

    Successivamente, puoi aggiungere un titolo per la tua immagine di copertina. Quando fai clic sull’immagine di copertina, vedrai il campo “Scrivi titolo …” al centro dell’immagine di copertina.

    Basta fare clic su quell’area per aggiungere testo. È possibile scrivere il titolo dell’immagine di copertina e formattarlo utilizzando le opzioni di formattazione che appaiono sopra il testo o sopra l’immagine di copertina.

    Aggiungi testo alla tua immagine di copertina nell'editor di blocchi di WordPress

    Infine, ci sono le impostazioni del blocco di copertura sul pannello laterale destro. Puoi abilitare Sfondo fisso per creare un effetto di parallasse quando gli utenti scorrono la pagina verso il basso.

    Risolta l'opzione di sfondo nel blocco di copertura in Gutenberg

    Sotto ci sono le opzioni di sovrapposizione dei colori. Per impostazione predefinita, aggiunge il colore del tema come colore di sovrapposizione con il 50% di trasparenza, ma puoi cambiare il colore di sovrapposizione e anche cambiare l’opacità spostando il punto.

    Opzioni di sovrapposizione colore blocco copertina

    Infine, puoi aggiungere codice CSS e aggiungere più stili alla tua immagine di copertina facendo clic su Avanzate opzione.

    Questo è tutto!

    Puoi ripetere questo passaggio per aggiungere più immagini di copertina in un singolo articolo, se necessario.

    Come aggiungere un’immagine in primo piano in WordPress?

    Il processo di aggiunta di un’immagine in primo piano è lo stesso di prima. Se hai un blog WordPress da un po ‘, sai già come viene aggiunta un’immagine in primo piano.

    Per aggiungere un’immagine in primo piano, devi prima aprire una schermata di modifica del post e quindi accedere al meta box Immagine in primo piano sul lato destro dello schermo.

    Dovrai fare clic su Imposta l’immagine in primo piano opzione.

    Meta box immagine in primo piano in WordPress

    Successivamente, puoi caricare una nuova immagine utilizzando il caricatore di trascinamento della selezione o selezionando un’immagine dalla tua libreria multimediale esistente.

    Dopodiché puoi aggiungere titolo e testo alternativo all’immagine in primo piano, quindi fare clic su Selezionare opzione.

    Carica l'immagine in primo piano su WordPress

    Hai aggiunto con successo un’immagine in primo piano al tuo articolo.

    Se desideri istruzioni più dettagliate, puoi leggere la nostra guida per principianti sull’aggiunta di immagini in primo piano in WordPress.

    Dopo aver aggiunto l’immagine in primo piano, puoi visualizzare in anteprima il tuo post e vedere come appare.

    Se stai utilizzando il nuovo tema predefinito Twenty Nineteen o altri temi moderni, potresti anche vedere una sovrapposizione di colori sulle immagini in primo piano.

    Puoi rimuoverlo o cambiare il colore andando al customizer di WordPress.

    Basta fare clic sul file Aspetto »Personalizza pulsante nel menu di WordPress.

    Personalizza l'opzione WordPress

    Una volta sul personalizzare pannello, è necessario fare clic su Colori opzione a sinistra.

    Personalizza i colori del tema WordPress ventinove anni

    In questa scheda, vedrai l’opzione del colore principale del tuo tema e l’opzione per abilitare o disabilitare il filtro dell’immagine.

    Opzioni di colore in ventinove temi

    Puoi cambiare il colore principale del tuo tema selezionando il file Personalizzato opzione e scegliendo un colore.

    Cambia il colore principale nel tema Twenty Nineteen

    Se desideri disabilitare il filtro colore sulle immagini in primo piano, puoi semplicemente rimuovere il segno di spunta sull’opzione “Applica un filtro alle immagini in primo piano utilizzando il colore principale”.

    Disabilita il filtro colore sulle immagini in primo piano nel tema Twenty Nineteen

    Tieni presente che le immagini in primo piano sono gestite da temi WordPress, quindi potresti non trovare questa opzione nel tuo tema se non supporta i filtri immagine.

    Conclusione: immagine di copertina e immagine in primo piano in WordPress

    Ora che sai come aggiungere un’immagine di copertina e un’immagine in primo piano, diamo un’occhiata ad alcune best practice.

    Le immagini in primo piano sono state comunemente utilizzate da blog WordPress, riviste online, notizie e siti di intrattenimento come miniature dei post o immagini degli articoli principali.

    Immagini in primo piano ben progettate aiutano ad attirare più utenti ad aprire un articolo. Sono ottimi per rendere il tuo sito web attraente e visivamente interattivo.

    Le immagini di copertina sono in realtà parti del tuo articolo. Un utente vede la tua immagine di copertina dopo aver aperto il tuo articolo da leggere. Pertanto, rendono i tuoi articoli più accattivanti e divertenti da leggere.

    Il miglior uso delle immagini di copertina è aggiungere una bella transizione tra le sezioni all’interno di un lungo articolo.

    Le immagini di copertina sono uniche rispetto alle normali immagini dei post perché hanno l’opzione a larghezza intera e hai la possibilità di aggiungere una sovrapposizione di testo su di esse.

    Aggiungendo correttamente le immagini di copertina, puoi migliorare il coinvolgimento degli utenti sui tuoi post.

    Speriamo che questo articolo ti abbia aiutato a capire la differenza tra un’immagine di copertina e un’immagine in primo piano nel nuovo editor di blocchi di WordPress. Potresti anche leggere il nostro articolo su come aggiornare i tuoi vecchi post di WordPress con l’editor di blocchi Gutenberg.

    Se ti è piaciuto questo articolo, iscriviti al nostro Canale Youtube per i tutorial video di WordPress. Puoi trovarci anche su Twitter e Facebook.

    Sono contento che sei arrivato fin qui, puoi tornare alla sezione di guide WordPress.

    Lascia un commento

    Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *