Le immagini in evidenza in WordPress agiscono come ganci visivi. Spesso sono la prima cosa che i visitatori notano. Una buona immagine in evidenza può migliorare l'aspetto del tuo sito e fare una forte prima impressione. 

Ma quando queste immagini non vengono visualizzate correttamente, può portare a una scarsa esperienza utente, un layout meno accattivante e potrebbe addirittura influire negativamente sulle prestazioni SEO.

Se attualmente stai affrontando questo problema, non preoccuparti perché noi abbiamo la soluzione. In questo articolo, troverai sei semplici soluzioni per risolvere il problema delle immagini in evidenza che non vengono visualizzate in WordPress!

Motivi comuni per i problemi delle immagini in evidenza

Prima di immergersi nella soluzione, è importante capire le cause sottostanti per cui l'immagine in evidenza non viene visualizzata in WordPress. Di seguito sono riportate alcune delle ragioni più comuni: 

1. Tema che non supporta le immagini in evidenza

WordPress offre tonnellate di temi eleganti e divertenti per rendere il tuo sito più interessante, il che rende emozionante personalizzare il tuo aspetto. Tuttavia, alcuni di voi potrebbero dimenticare di verificare se il tema supporta le immagini in evidenza.

Alcuni temi in realtà non supportano le immagini in evidenza per impostazione predefinita o potrebbero richiedere passaggi aggiuntivi per abilitarle.

Quindi, se le tue immagini in evidenza non vengono visualizzate anche se le hai aggiunte correttamente, questo motivo potrebbe essere la causa.

2. Impostazioni di visualizzazione errate

Alcune impostazioni di visualizzazione possono impedire la visualizzazione delle immagini in evidenza. Se hai modificato la configurazione predefinita, sia nell'editor dei post, nelle impostazioni del tema o in un page builder, potresti aver disabilitato accidentalmente questa opzione.

Assicurati che le tue impostazioni di visualizzazione siano configurate correttamente in modo che l'immagine appaia come previsto. A volte, una piccola casella non selezionata può essere il motivo per cui le tue immagini non vengono visualizzate, anche se in realtà ci sono.

3. Conflitti tra Plugin

Se utilizzi molti plugin per supportare il tuo utilizzo di WordPress, c'è la possibilità che tu possa incontrare questo problema. I plugin non supportati possono interferire con il tuo tema, impedendo la visualizzazione corretta delle immagini in evidenza.

Questo problema è abbastanza comune, poiché i plugin e i temi possono avere script in conflitto. Se sai quale plugin sta causando il problema, puoi disattivarlo o contattare lo sviluppatore del plugin per una soluzione.

4. Lazy loading che influisce sulla visibilità dell'immagine

Lazy loading è una funzionalità utilizzata dai plugin per migliorare i tempi di caricamento della pagina caricando solo le immagini quando sono necessarie.

Sebbene sia uno strumento utile, a volte può impedire il caricamento delle immagini in evidenza. Ciò accade di solito se il caricamento lento è abilitato per tutte le immagini nella pagina.

Se hai attivato questa impostazione, assicurati di regolare la configurazione in modo che lazy loading non influenzi l'immagine in evidenza. Puoi anche provare a passare a un diverso plugin lazy loading per risolvere il problema. 

5. Errori HTTP durante il caricamento dell'immagine

Se visualizzi un messaggio di errore HTTP durante il caricamento di un'immagine, significa generalmente che il file è troppo grande o supera il limite di caricamento del sito.

Questo è un problema comune, soprattutto quando provi a caricare immagini in evidenza più grandi sul tuo sito. Per risolvere questo problema, puoi aumentare il limite di memoria PHP modificando il file wp-config.php o comprimere l'immagine prima di caricarla.

6. Meta box dell'immagine in evidenza mancante

La casella dei meta dati dell'immagine in evidenza dovrebbe essere visibile durante la modifica di un articolo o di una pagina. Se la casella non è presente, potrebbe essere dovuto a impostazioni di visualizzazione errate nell'editor o ad alcune impostazioni del tema che la disabilitano per impostazione predefinita.

Senza questa casella, non sarà possibile impostare un'immagine in evidenza. Quindi, è necessario risolvere il problema con le nostre soluzioni, che discuteremo nella guida passo dopo passo di seguito.

Soluzioni passo dopo passo

Comprendere la possibile causa aiuta a identificare la soluzione più efficace. Di seguito alcuni semplici consigli per risolvere il problema dell'immagine in evidenza non visualizzata in WordPress. Seguiamo questi passaggi e riportiamo un po' di appeal visivo al tuo sito! 

1. Abilita le immagini in evidenza nel tuo tema

Se stai utilizzando un tema che non supporta le immagini in evidenza e non vuoi ricominciare da capo, c'è una soluzione.
Puoi ancora abilitare le immagini in evidenza facendo una semplice modifica al file functions.php. Questo file si trova nella cartella del tuo tema, di solito situata in wp-content/themes/nome-del-tuo-tema/functions.php.

Prova ad aprire quel file e aggiungi il codice: add_theme_support('post-thumbnails'); in fondo.

Non dimenticare di salvare le modifiche in modo che abbiano effetto. Una volta aggiunto, il tuo tema ora supporterà le immagini in evidenza.

Ma se l'immagine in evidenza ancora non viene visualizzata, potresti dover modificare i file del modello (come single.php o content.php) aggiungendo la riga di codice dove desideri che l'immagine appaia.

2. Controlla e regola le impostazioni di visualizzazione nell'editor di WordPress

Regola le impostazioni di visualizzazione per assicurarti che le immagini in evidenza appaiano correttamente. Puoi utilizzare il tutorial qui sotto:

• Vai a qualsiasi pagina dove vuoi aggiungere un'immagine in evidenza.
• Seleziona l'icona più (+) per aggiungere un blocco.

• Quindi, scegli WP Ultimi Articoli.
• Abilita l'opzione Immagine in evidenza dalle Impostazioni del blocco.
• Regola l'immagine per adattarla al layout.

3. Disattiva i plugin per identificare i conflitti

Una delle ragioni comuni per cui le immagini in evidenza di WordPress non vengono visualizzate sono i conflitti tra plugin. Il modo più efficace per risolvere il problema è quello di esaminare manualmente i plugin installati e disattivarli uno per uno.

Questo metodo non richiede l'installazione di strumenti di terze parti aggiuntivi. Se sembra troppo impegnativo, soprattutto se hai molti plugin installati, puoi utilizzare il plugin Health Check & Troubleshooting.

4. Disabilita lazy loading per le immagini in evidenza se necessario

Non è necessario disattivare completamente la funzione lazy loading sul tuo sito. Puoi ancora beneficiare di lazy loading per ottimizzare la consegna delle immagini assicurandoti che le immagini in evidenza vengano visualizzate correttamente. Ecco due cose che puoi fare per risolvere il problema: 

a. Modifica il file functions.php

• Vai su Aspetto, quindi su Editor file del tema nel tuo cruscotto WordPress.
• Apri il file functions.php del tuo tema attuale.
• Aggiungi il seguente codice al file:

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• Infine, salva il file. 

b. Utilizza un plugin

Se non vuoi addentrarti troppo nelle modifiche del codice, puoi procurarti un plugin come WP Speed of Light, Disabilita caricamento lento, LiteSpeed Cache, o WP Rocket. Questi strumenti ti consentono di impostare le preferenze di lazy loading senza modificare alcun file, rendendoli un'opzione più facile da usare per i non programmatori.

5. Risolvi gli errori HTTP aumentando il limite di memoria PHP o controlla i permessi dei file

Se stai riscontrando errori HTTP che impediscono la visualizzazione delle immagini in evidenza, ci sono due modi per risolvere il problema. Puoi aumentare il limite di memoria PHP o controllare i permessi dei file per assicurarti che siano corretti. Ecco il tutorial completo per entrambe le soluzioni: 

a. Aumentare il limite di memoria PHP

Questo passaggio richiede la modifica di .htaccess o wp-config.php. Prova a modificare ogni file per trovare quello adatto: 

1. Modifica wp-config.php

• Accedi al tuo sito tramite client FTP o cPanel.
• Apri il Gestione file e trova il file wp-config.php nella directory principale.

• Cerca la seguente riga: define('WP_MEMORY_LIMIT', '32M');
• Modifica il valore in base alle esigenze. Ad esempio: define('WP_MEMORY_LIMIT', '256M');

2. Aggiungi Codice al File .htaccess

• Individua il file .htaccess nella directory principale.
• Aggiungi questo codice in fondo: php_value memory_limit 256M.
• Salva le modifiche.

b. Controlla i Permessi dei File

Permessi di file errati possono causare errori HTTP durante il caricamento delle immagini. I tuoi permessi WordPress dovrebbero essere come segue:

• File: Impostare su 644
• Cartelle: Impostare su 755

Se sia i tuoi file che le cartelle hanno permessi errati, puoi modificarli manualmente seguendo questa soluzione rapida:

• Apri il Gestione File.
• Fai clic destro sulla cartella wp-content/uploads.
• Seleziona Permessi file o Cambia permessi.
• Imposta i permessi della cartella su 755. Salva le modifiche.
• Inoltre, aggiorna i permessi dei file impostandoli su 644.
• Esci dopo aver salvato le modifiche.

6. Assicurati che la meta box dell'immagine in evidenza sia abilitata nelle opzioni dello schermo

Potresti dover abilitare le impostazioni manualmente se l'opzione dell'immagine in evidenza non viene visualizzata in WordPress tramite le Opzioni schermo. Utilizza questi passaggi per ripristinare la meta box mancante:

• Apri un articolo nel pannello di controllo di WordPress.
• Seleziona Opzioni schermo nell'angolo in alto a destra. La posizione potrebbe differire se stai utilizzando un editor a blocchi.

• Seleziona la casella Immagine in Evidenza.
• Scorri verso il basso il pannello dell'editor e trova la sezione Immagine in evidenza.

• Carica un'immagine dalla tua Libreria dei Media.
• Quindi applica le modifiche. L'immagine dovrebbe ora apparire correttamente.

Conclusione

La soluzione per le immagini in evidenza di WordPress che non vengono visualizzate è abbastanza semplice. L'aggiornamento regolare dei plugin e l'utilizzo dei temi giusti possono prevenire problemi futuri causati da conflitti di compatibilità.

Se le tue immagini mancano a causa di problemi di organizzazione dei media, considera l'utilizzo di un plugin come WP Media Folder. Ti consente di organizzare la tua libreria multimediale in cartelle illimitate, rendendo facile trovare le immagini di cui hai bisogno ed evitare di caricare duplicati.

Ricorda sempre di creare un backup prima di eseguire una qualsiasi delle operazioni sopra per mantenere i tuoi dati al sicuro.