Immagine di copertina vs. Immagine in evidenza nell'editor a blocchi di WordPress (Guida per principianti)

Quando ho iniziato a usare WordPress, spesso confondevo le immagini in evidenza con le immagini di copertina. Di conseguenza, alcuni dei miei primi post sul blog non hanno raggiunto l'obiettivo. O mancavano elementi visivi chiave, o le immagini erano posizionate male, lasciando il design un po' sbilanciato.

Fortunatamente, ho imparato rapidamente che questi due tipi di immagini svolgono ruoli unicamente importanti.

Le immagini di copertina vengono utilizzate all'interno dei tuoi contenuti per definire il tono e coinvolgere i lettori. Al contrario, le immagini in evidenza fungono da riepilogo visivo, mostrando l'essenza del tuo post prima ancora che venga aperto.

In questa guida, condividerò tutto ciò che ho imparato sulle immagini di copertina e sulle immagini in evidenza nell'editor a blocchi di WordPress.

Prima di discutere i dettagli sull'uso delle immagini di copertina e in evidenza in WordPress, ecco una rapida panoramica di ciò che tratterò:

• Cos'è un'immagine di copertina?
• Cos'è un'immagine in evidenza?
• Come aggiungere un'immagine di copertina in WordPress
• How to Add a Featured Image in WordPress

Cos'è un'immagine di copertina?

Un'immagine di copertina è l'immagine principale che solitamente appare in cima a un post. Le immagini di copertina possono anche essere video, ma questo è più comune per contenuti di Facebook o YouTube.

Le immagini di copertina catturano immediatamente l'attenzione del lettore e definiscono il tono generale del contenuto, fornendo un'introduzione visiva a ciò che segue.

Ho notato che le immagini di copertina sono popolari tra blogger, marketer e creativi che le utilizzano per rendere i post più coinvolgenti.

Sono particolarmente comuni sui siti web che si basano molto sulla narrazione o sui contenuti visivi, come viaggi, lifestyle e portfolio.

Il blocco 'Copertina' in WordPress ti consente di aggiungere un'immagine di copertina. Ti permette anche di aggiungere testo e sovrapposizioni di colore alle tue immagini.

Puoi anche personalizzare questi overlay per abbinarli ai colori del tuo sito o impostare l'atmosfera per diverse sezioni di contenuto. Più avanti nell'articolo, ti mostrerò di più su questa opzione di personalizzazione.

Per un aspetto ottimale, consiglio di utilizzare immagini di copertina di dimensioni 1920×1080 pixel. Questa dimensione garantisce che le immagini siano di alta qualità e riempiano bene l'area superiore dei tuoi post.

Cos'è un'immagine in evidenza?

Un immagine in evidenza è come il volto del tuo post del blog, fornendo una rappresentazione visiva che attira i lettori.

Conosciuta anche come miniatura del post, appare sulla tua homepage e sulle pagine di archivio del blog. Appare anche nei feed dei social media quando un articolo viene condiviso.

Queste immagini sono create per essere visivamente accattivanti, incoraggiando i lettori a fare clic ed esplorare il tuo blog WordPress o sito web.

Ad esempio, su WPBeginner, io e il mio team ci assicuriamo che ogni immagine in evidenza sia unica, pur mantenendo lo stile coerente del nostro marchio.

Tieni presente che le immagini in evidenza dipendono dal tema WordPress che utilizzi, poiché il tema decide la dimensione migliore per queste immagini.

Ad esempio, molti temi optano per un rapporto d'aspetto standard 16:9, utilizzando dimensioni come 680×382 pixel. Alcuni temi potrebbero persino utilizzare immagini in evidenza come immagini di intestazione, con dimensioni come 1200×675 pixel.

Se hai bisogno di approfondimenti più dettagliati, consulta questa guida completa sulle dimensioni delle immagini di WordPress.

Come aggiungere un'immagine di copertina in WordPress

L'editor a blocchi di WordPress, noto anche come Gutenberg, rende molto semplice aggiungere immagini di copertina utilizzando il pratico blocco Copertina.

Per iniziare, devi creare un nuovo post andando su Post » Aggiungi nuovo.

Puoi anche modificare quello che hai già navigando su Articoli » Tutti gli articoli, trovando l'articolo che desideri modificare e facendo clic sul titolo dell'articolo per aprirlo nell'editor.

Nell'editor dell'articolo, tocca il pulsante '+' per aggiungere un nuovo blocco e seleziona il blocco 'Copertina' dall'elenco.

Troverai il blocco 'Copertina' nella scheda 'Media'. In alternativa, puoi anche digitare '/copertina' nel campo di ricerca blocchi per trovarlo facilmente.

Dopo aver selezionato il blocco 'Copertina', lo vedrai apparire nell'editor dei contenuti. Ora sei pronto per aggiungere la tua immagine di copertina.

Trascina e rilascia semplicemente la tua immagine o video preferito nell'area del blocco. In alternativa, puoi premere il pulsante 'Carica' per selezionare un file dal tuo computer.

E se hai già qualcosa di fantastico nella tua libreria multimediale, fai clic sul pulsante 'Libreria multimediale' per scegliere un'immagine dalla tua galleria multimediale.

Premi il pulsante 'Seleziona' per aggiungere la tua immagine all'articolo.

Ora è il momento di personalizzarla.

Fai semplicemente clic sull'immagine e si aprirà una barra degli strumenti per le modifiche. Il pannello sulla destra offre ancora più opzioni.

Iniziamo aggiungendo un titolo. Fai semplicemente clic sull'area 'Scrivi titolo...' al centro della tua immagine di copertina e digita il tuo testo.

Avrai a disposizione comode opzioni di formattazione che appaiono sopra il testo per la personalizzazione.

Successivamente, controlla il pannello sul lato destro per impostazioni aggiuntive.

Qui vedrai due schede: 'Impostazioni' e 'Stili'.

Nella scheda 'Impostazioni', puoi personalizzare le opzioni di layout. Per impostazione predefinita, il layout è impostato su larghezza intera, quindi puoi lasciare questa impostazione così com'è.

Quindi, scegli tra uno sfondo fisso o ripetuto per adattarlo al tuo design. Uno sfondo fisso è perfetto per creare un effetto parallasse, conferendo alla tua immagine un aspetto dinamico. Uno sfondo ripetuto è utile quando si utilizzano immagini a mosaico.

Quindi, regola il punto focale dell'immagine per evidenziare le parti essenziali. Puoi anche impostare la risoluzione per scegliere quanto nitide e chiare desideri che siano le tue immagini.

Passa quindi alla scheda 'Stili' e regola l'opacità dell'overlay. Si riferisce a quanto è trasparente uno strato di colore sulla tua immagine.

Per impostazione predefinita, è impostata su una trasparenza del 50%, ma puoi regolarla per adattarla all'atmosfera del tuo post. Ciò aiuta a garantire che il testo rimanga facile da leggere, consentendoti al contempo di controllare quanto colore viene visualizzato.

Infine, puoi sperimentare con i filtri per cambiare lo stile della tua immagine. Prova diverse opzioni per trovare quella più adatta al tuo post.

Per coloro che amano essere creativi, approfondisci le impostazioni Avanzate per aggiungere un po' di CSS personalizzato e dare alla tua immagine di copertina un aspetto unico.

Ed ecco fatto! Sentiti libero di ripetere questi passaggi per aggiungere altre immagini di copertina se il tuo post ne ha bisogno, creando un'esperienza di lettura dinamica e coinvolgente.

Una volta terminato, sentiti libero di visualizzare in anteprima e pubblicare il tuo post per assicurarti che tutto abbia un bell'aspetto sul front-end.

Come aggiungere un'immagine in evidenza in WordPress

Aggiungere un'immagine in evidenza al tuo post di WordPress è un modo semplice per farlo risaltare. Il processo è quasi identico all'aggiunta di un'immagine di copertina.

Che tu sia nuovo nel blogging o abbia bisogno di un rapido ripasso, ecco come farlo.

Per iniziare, apri il post che desideri modificare. La casella meta Immagine in evidenza si trova sulla destra.

Fai semplicemente clic sull'opzione ‘Imposta immagine in evidenza’ per iniziare.

Ora, aggiungiamo la tua immagine in evidenza.

Puoi caricare una nuova immagine utilizzando l'uploader drag-and-drop o selezionando un'immagine dalla tua libreria multimediale.

Dopodiché, puoi aggiungere un titolo e testo alternativo per la tua immagine in evidenza, quindi fai clic sul pulsante ‘Imposta immagine in evidenza’. Hai aggiunto con successo un'immagine in evidenza al tuo articolo!

Per istruzioni più dettagliate, puoi leggere la nostra guida per principianti su come aggiungere immagini in primo piano in WordPress.

Dopo aver aggiunto la tua immagine in primo piano, puoi personalizzarla. Tuttavia, le opzioni di personalizzazione dipenderanno dal tipo di tema WordPress che stai utilizzando.

In questo passaggio, esplorerò due metodi per personalizzare le tue immagini in primo piano: utilizzando un personalizzatore di tema e l'Editor del sito completo (FSE).

Utilizzo del personalizzatore di tema

Questo metodo funziona in generale per i temi classici, ma userò il tema Sydney per questo articolo. Sydney offre opzioni di design intuitive che rendono facile migliorare l'aspetto del tuo sito.

Per iniziare, devi prima installare e attivare il tema. Se hai bisogno di aiuto, leggi la guida del mio team su come installare un tema WordPress.

Successivamente, inizia navigando nella tua bacheca di WordPress e andando su Aspetto » Personalizza. Questo aprirà il Personalizzatore.

Qui, puoi modificare molti aspetti della presentazione visiva del tuo sito, inclusa la tua immagine in primo piano.

All'interno del Personalizzatore, puoi anche esplorare sezioni come 'Intestazione' per accedere alle impostazioni relative alle tue immagini in primo piano.

Puoi anche regolare i preset dell'intestazione e il layout mobile. Una volta che sei soddisfatto delle modifiche, fai clic su 'Pubblica' in alto a sinistra per salvarle.

Per maggiori dettagli, sentiti libero di consultare questa guida su come usare il personalizzatore di temi.

Utilizzo di un Editor del sito completo (FSE)

Per coloro che utilizzano temi basati su blocchi, l'Editor del Sito Completo (FSE) ti consente di personalizzare le tue immagini in evidenza per adattarle perfettamente al resto dei tuoi contenuti.

Inizia andando su Aspetto » Editor dal tuo pannello di amministrazione di WordPress. Questo aprirà l'editor del sito.

Una volta nell'editor, vai su Navigazione » Stili. Quindi, scorri verso il basso e scegli "Blocchi" dall'elenco.

Questo aprirà l'elenco dei blocchi che puoi personalizzare all'interno dell'editor.

Successivamente, cerca il blocco 'Immagine in evidenza'. Per trovarlo più velocemente, puoi digitare "immagine in evidenza" nella barra di ricerca.

Qui vedrai le opzioni di personalizzazione per la tua immagine in evidenza, inclusa la modifica delle dimensioni (spaziatura interna e margine).

Puoi anche aggiungere il bordo, l'ombra e il raggio dell'immagine. Sentiti libero di sperimentare con queste impostazioni e vedere come influenzano l'aspetto della tua immagine in evidenza.

Una volta soddisfatto delle modifiche, prenditi un momento per visualizzarle in anteprima prima di pubblicare. Questo assicura che tutto appaia perfetto su tutti i dispositivi.

Se hai bisogno di maggiori informazioni, consulta la nostra guida completa per principianti all'editing completo del sito di WordPress.

Guide Esperte sulle Immagini di WordPress

Dai un'occhiata a questi utili strumenti e suggerimenti per migliorare ulteriormente le tue immagini di WordPress:

• I migliori plugin e strumenti per immagini in evidenza per WordPress (confronto)
• Come ritagliare e modificare le miniature dei post di WordPress
• Come creare dimensioni aggiuntive per le immagini in WordPress
• Come aggiungere un'immagine eroica in WordPress (funziona per tutti i temi)
• Testo alternativo dell'immagine vs Titolo dell'immagine in WordPress – Qual è la differenza?
• Come ottimizzare le immagini per le prestazioni web senza perdere qualità
• Modi per prevenire il furto di immagini in WordPress

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.