Come risolvere il problema dell'immagine in evidenza che non viene visualizzata su WordPress (6 modi)

Le immagini in evidenza su WordPress fungono da agganci visivi. Spesso sono la prima cosa che i visitatori notano. Una buona immagine in evidenza può migliorare l'aspetto del tuo sito e creare un'ottima prima impressione. 

Ma quando queste immagini non vengono visualizzate correttamente, possono portare a un'esperienza utente scadente, a un layout meno accattivante e persino a un impatto negativo sulle prestazioni SEO.

Se stai riscontrando questo problema, non preoccuparti, perché ci pensiamo noi. In questo articolo troverai sei semplici soluzioni per risolvere il problema delle immagini in evidenza che non vengono visualizzate su WordPress!

Motivi comuni dei problemi con le immagini in evidenza

Prima di addentrarci nella soluzione, è importante comprendere le cause profonde per cui l'immagine in evidenza non viene visualizzata su WordPress. Di seguito sono riportati alcuni dei motivi più comuni: 

1. Il tema non supporta le immagini in evidenza

WordPress offre tantissimi temi eleganti e divertenti per dare un tocco di brio al tuo sito, rendendolo ancora più interessante da personalizzare. Tuttavia, alcuni di voi potrebbero dimenticare di controllare se il tema supporta le immagini in evidenza.

Alcuni temi in realtà non le supportano di default, oppure potrebbero richiedere passaggi aggiuntivi per abilitarle.

Quindi, se le tue immagini in evidenza non vengono visualizzate anche se le hai aggiunte correttamente, questa 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, nell'editor dei post, nelle impostazioni del tema o in un page builder, potresti aver disabilitato accidentalmente questa opzione.

Assicurati che le impostazioni di visualizzazione siano configurate correttamente in modo che l'immagine venga visualizzata come previsto. A volte, una piccola casella deselezionata può essere la causa della mancanza delle immagini, anche se in realtà sono presenti.

3. Conflitti tra plugin

Se utilizzi molti plugin per supportare WordPress, potresti riscontrare questo problema. I plugin non supportati possono interferire con il tuo tema, impedendo la corretta visualizzazione delle immagini in evidenza.

Questo problema è piuttosto comune, poiché plugin e 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 influisce sulla visibilità dell'immagine

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

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

Se hai attivato questa impostazione, assicurati di modificare la configurazione in modo che lazy loading non influisca sull'immagine in evidenza. Puoi anche provare a passare a un altro plugin lazy loading per risolvere il problema. 

5. Errori HTTP durante il caricamento delle immagini

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

Questo è un problema comune, soprattutto quando si tenta di caricare immagini in evidenza di grandi dimensioni sul proprio sito. Per risolvere questo problema, è possibile aumentare il limite di memoria PHP modificando il file wp-config.php o comprimere l'immagine prima del caricamento.

6. Manca la meta-box dell'immagine in evidenza

La meta-box dell'immagine in evidenza dovrebbe essere visibile quando si modifica un post o una pagina. Se la casella manca, potrebbe essere dovuto a impostazioni di visualizzazione errate nell'editor o ad alcune impostazioni del tema che la disabilitano di default.

Senza questa casella, non sarà possibile impostare un'immagine in evidenza. Pertanto, è necessario risolvere il problema con le nostre soluzioni, che illustreremo nella guida dettagliata qui sotto.

Soluzioni passo dopo passo

Comprendere la possibile causa ti aiuta a identificare la soluzione più efficace. Di seguito sono riportati alcuni semplici suggerimenti per aiutarti a risolvere il problema dell'immagine in evidenza non visualizzata su WordPress. Segui questi passaggi e aggiungi un tocco di design accattivante 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 comunque abilitare le immagini in evidenza modificando semplicemente il file functions.php. Questo file si trova nella cartella del tuo tema, solitamente in wp-content/themes/your-theme-name/functions.php .

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

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

Se però l'immagine in evidenza continua a non essere visualizzata, potresti dover modificare i file del modello (come single.php o content.php ) aggiungendo alla riga di codice in cui desideri che appaia l'immagine.

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

Regola le impostazioni di visualizzazione per garantire che le immagini in evidenza vengano visualizzate correttamente. Puoi utilizzare il tutorial qui sotto:

• Vai alla pagina in cui vuoi aggiungere un'immagine in evidenza.
• Selezionare l' icona più (+) per aggiungere un blocco.

• Quindi, seleziona WP Latest Posts .
• Abilita l' Immagine in evidenza dalle impostazioni del blocco .
• Adattare l'immagine al layout.

3. Disattivare i plugin per identificare i conflitti

Uno dei motivi più 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 è esaminare manualmente i plugin installati e disattivarli uno per uno.

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

4. Se necessario, disabilitare lazy loading per le immagini in evidenza

Non è necessario disattivare completamente la funzionalità lazy loading sul tuo sito. Puoi comunque trarre vantaggio dal lazy loading per ottimizzare la visualizzazione delle immagini, garantendo al contempo la corretta visualizzazione delle immagini in evidenza. Ecco due soluzioni per risolvere il problema: 

a. Modifica il file functions.php

• Vai su Aspetto, quindi su Editor file tema nella dashboard di WordPress.
• Apri il functions.php del tuo tema attuale.
• Aggiungere 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. Utilizzare un plugin

Se non vuoi entrare troppo nei dettagli tecnici modificando il codice, puoi usare un plugin come WP Speed of Light , Disable Lazy Load, Lite Speed Cache o WP Rocket. Questi strumenti consentono di lazy loading senza modificare alcun file, rendendoli un'opzione più intuitiva per chi non è un programmatore.

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

Se riscontri errori HTTP che causano la visualizzazione delle immagini in evidenza, puoi risolvere il problema in due modi. Puoi aumentare il limite di memoria PHP o controllare i permessi del file per assicurarti che siano corretti. Ecco il tutorial completo per entrambe le soluzioni: 

a. Aumento del limite di memoria PHP

Questo passaggio richiede la modifica del file .htaccess o wp-config.php. Prova a modificare entrambi i file per trovare quello più adatto: 

1. Modificare wp-config.php

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

• Cercare la seguente riga: define('WP_MEMORY_LIMIT', '32M') ;
• Modificare il valore secondo necessità. Ad esempio: define('WP_MEMORY_LIMIT', '256M') ;

2. Aggiungi codice al file .htaccess

• Individuare il .htaccess nella directory principale.
• Aggiungere questo codice in fondo: php_value memory_limit 256M .
• Salva le modifiche.

b. Controllare i permessi dei file

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

• File : Impostato su 644
• Cartelle : impostate su 755

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

• Aprire Gestione file .
• Fare clic con il tasto destro del mouse sulla wp-content/uploads .
• Selezionare Autorizzazioni file o Modifica autorizzazioni .
• Impostare i permessi della cartella su 755. Salvare le modifiche.
• Inoltre, aggiorna i permessi del file impostandoli su 644.
• Dopo aver salvato le modifiche, uscire.

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

Potrebbe essere necessario abilitare manualmente le impostazioni se l'opzione "Immagine in evidenza" non viene visualizzata in WordPress tramite le "Opzioni Schermo". Segui questi passaggi per ripristinare la meta box mancante:

• Apri un post nella dashboard di WordPress.
• Seleziona "Opzioni schermo" nell'angolo in alto a destra. La posizione potrebbe variare se utilizzi 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 multimediale .
• Quindi applica le modifiche . Ora l'immagine dovrebbe apparire correttamente.

Conclusione

La soluzione al problema delle immagini in evidenza di WordPress che non vengono visualizzate è piuttosto semplice. Aggiornare regolarmente i plugin e utilizzare i temi giusti può prevenire futuri problemi causati da conflitti di compatibilità.

Se le tue immagini risultano mancanti a causa di problemi di organizzazione dei contenuti multimediali, valuta la possibilità di utilizzare un plugin come WP Media Folder . Ti consente di organizzare la tua libreria multimediale in un numero illimitato di cartelle, semplificando la ricerca delle immagini necessarie ed evitando di caricare duplicati.

Ricordatevi sempre di creare un backup prima di eseguire uno qualsiasi dei passaggi sopra descritti per proteggere i vostri dati.