Come nascondere le immagini in evidenza nei singoli articoli su WordPress
Alcune persone potrebbero preferire non mostrare le immagini in evidenza nei singoli post del blog, sia per problemi di prestazioni, scelte di design o focus sul contenuto.
Ad esempio, potresti non voler un'immagine in evidenza nei post ricchi di testo come tutorial o annunci, poiché potrebbe distrarre i visitatori dal contenuto stesso. Nascondere l'immagine in evidenza può anche migliorare la velocità di caricamento, soprattutto per gli utenti su dispositivi mobili.
Se' sei puntando allo stesso obiettivo, ti guideremo su come nascondere l'immagine in evidenza nei tuoi singoli post del blog!
Sommario
Come nascondere le immagini in evidenza individualmente
Ci sono diversi modi per nascondere le immagini in evidenza nei tuoi post del blog. Se don't hai esperienza di programmazione, puoi usare un semplice plugin per completare il lavoro.
Ma se don't vuoi installare alcun plugin, puoi adottare un approccio più tecnico modificando i file del tema o usando CSS personalizzato. Di seguito, we've spiegato ogni metodo passo dopo passo:
Metodo 1: Utilizzo di un plugin
Puoi usare il plugin Conditionally Display Featured Image per nascondere rapidamente l'immagine in evidenza. Questo popolare plugin è disponibile gratuitamente nella directory dei plugin di WordPress.
Con questo plugin, puoi scegliere di nascondere l'immagine in evidenza nei singoli articoli o nella pagina del blog che mostra l'elenco di tutti gli articoli pubblicati.
Se vuoi provare questo metodo semplice, iniziamo installandolo prima:
1. Installa e attiva il plugin
Se sai già come installare e attivare un plugin in WordPress, puoi passare al passaggio successivo. Ma se è la tua prima volta, continuiamo seguendo i passaggi qui sotto:
- Apri la dashboard di amministrazione di WordPress.
- Fai clic su Plugins dal menu laterale.
- Fai clic Add Plugin per aprire il Plugin Directory
- Digita Conditionally Display Featured Image nella barra di ricerca. Il plugin dovrebbe apparire come primo risultato.
- Clicca Installa ora per scaricare il plugin.
- Una volta installato, clicca Attiva per abilitarlo sul tuo sito.
2. Modifica il post desiderato
Dopo che il plugin è stato attivato, puoi andare direttamente al post in cui desideri nascondere l'immagine in evidenza. Quindi, segui i passaggi seguenti per individuare la casella di controllo che ti permette di nascondere l'immagine:
- Apri il post del blog che desideri modificare.
- Clicca Impostazioni per accedere all'editor.
- Nel riquadro laterale, vai al Post scheda.
- In alto, dovresti vedere l'immagine in evidenza. Sotto di essa, troverai l'opzione: Mostra l'immagine in evidenza solo negli elenchi di articoli, ma nascondila nella visualizzazione del singolo articolo.
- Seleziona la casella per nascondere l'immagine in evidenza in quel post specifico.
- Successivamente, salva le modifiche facendo clic sul Aggiorna/Salva (se il post è già stato pubblicato) oppure sul Pubblica (se è ancora una bozza).
3. Aggiorna il post per applicare le modifiche
Questo passaggio è completato una volta che clicchi sul Salva o Aggiorna pulsante. Tuttavia, assicurati di controllare il front‑end del tuo sito per confermare che l'immagine in evidenza sia effettivamente nascosta.
Ci sono due modi per farlo:
- Controlla la versione live dell'articolo pubblicato
- Oppure visualizza in anteprima il tuo articolo bozza prima della pubblicazione
Ecco uno sguardo al risultato prima e dopo:
Metodo 2: Utilizzo di CSS personalizzato
Se l'immagine in evidenza appare ancora nei tuoi post, non preoccuparti perché abbiamo un altro metodo per aiutarti a risolvere il problema.
Puoi usare codice CSS personalizzato per nasconderlo dalla visualizzazione dell'utente. Tuttavia, tieni presente che questo metodo potrebbe influire leggermente sulle prestazioni, poiché l'immagine in evidenza verrà comunque caricata anche se non è visibile.
Se non è un problema per te, procedi e segui il tutorial qui sotto:
1. Identifica l'ID del post specifico
Per garantire che il codice CSS influisca solo su un singolo post, devi trovare il suo ID post. L'ID post è un numero che identifica in modo univoco ogni post in WordPress.
Ad esempio, l'URL potrebbe includere post=111, dove 111 è l'ID post.
Tuttavia, se il tuo sito utilizza permalink SEO-friendly, non vedrai l'ID post direttamente nell'URL.
Ecco come trovarlo invece:
- Vai alla dashboard di amministrazione di WordPress.
- Fai clic sul post che desideri modificare.
- Guarda la barra URL nel tuo browser.
- Dovresti vedere un URL che include l'ID del post come mostrato di seguito.
2. Aggiungi CSS personalizzato per nascondere l'immagine in evidenza per quel post
Dopo aver identificato l'ID del post, il passo successivo è aggiungerlo al tuo codice CSS personalizzato. WordPress dispone di una funzionalità integrata per aggiungere CSS, quindi non dovrai installare alcun plugin di terze parti.
È possibile aggiungere il codice CSS tramite il Personalizza . Questo metodo richiede solo conoscenze di programmazione di base, quindi non c'è motivo di preoccuparsi.
Ti guideremo attraverso i passaggi seguenti:
- Fai clic su Aspetto menu dalla barra laterale e seleziona Personalizza.
- Verrai indirizzato al Personalizza .
- Scorri verso il basso e fai clic su CSS aggiuntivo sezione.
- Incolla il codice qui sotto nella casella dell'editor. Non dimenticare di sostituire l'ID del post con il tuo ID post reale.
.postid-51442 .post-thumbnail { display: none; }
- Infine, fai clic Pubblica per applicare le modifiche. La tua immagine in evidenza dovrebbe ora essere nascosta da quel post.
Metodo 3: Modifica dei file del tema
Se i metodi sopra non ti danno il risultato desiderato, puoi provare a modificare i file del tema.
Ma, questo dovrebbe essere considerato come ultima risorsa, poiché modificare i file del tema può causare errori o interrompere alcune funzionalità.
Assicurati di conservare un backup per ogni evenienza. Dopo questo avviso, iniziamo:
1. Apri il file functions.php del tema
sono presenti molti .php , come single.php, content.php e functions.php. Dipende dalla struttura del tema.
Per questo metodo, devi individuare il file functions.php. Ecco come individuarlo:
- Apri il Aspetto menu dalla barra laterale.
- Fai clic su Theme File Editor.
- Aprirà l'editor del tema come mostrato di seguito.
- Scorri verso il basso Theme Files menu e trova il functions.php.
- Fai clic per aprire il file.
2. Aggiungi istruzioni condizionali per escludere l'immagine in evidenza per i post specifici
Ora che hai aperto il functions.php file, aggiungi il seguente codice per nascondere l'immagine in evidenza nelle pagine dei singoli post.
function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // add the filter add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 );
Per garantire che il codice nasconda l'immagine in evidenza solo da un post specifico, sostituisci is_single() con is_single(123), dove 123 è l'ID del post che vuoi targettizzare.
Dopo di ciò, salva le modifiche facendo clic sul Aggiorna file pulsante.
Dì addio alla libreria multimediale disordinata.
WP Media Folder ti consente di categorizzare i file, sincronizzare le cartelle con l'archiviazione cloud, creare gallerie straordinarie e persino sostituire le immagini senza interrompere i collegamenti.
Ottimizza oggi il tuo flusso di lavoro multimediale
Come nascondere le immagini in evidenza in tutti i singoli post
Se desideri nascondere le immagini in evidenza in tutti i tuoi singoli articoli, il tema Neve lo rende più facile.
Con pochi click, questo metodo garantirà che le immagini in evidenza rimangano nascoste nelle pagine dei tuoi articoli.
Se hai già installato il tema Neve, puoi continuare con i passaggi seguenti:
- Nel pannello di amministrazione di WordPress, vai a Aspetto e fai clic Personalizza
- Vai alla Blog sezione.
- Vedrai due stili di layout: Normale e Copertina. I passaggi per nascondere le immagini in evidenza differiscono per ogni layout:
Per il layout Normale:
- Scorri verso il basso e individua la Miniatura sezione.
- Fai clic sull' icona Occhio accanto alla Miniatura per disabilitarla.
- Applica questa modifica facendo clic sul pulsante Pubblica.
- Le immagini in evidenza saranno ora nascoste nei post che utilizzano il layout intestazione Normale.
Per il layout Copertina:
1. Scorri verso il basso per trovare il Nascondi immagine in evidenza interruttore.
2. Attiva questo interruttore acceso.
3. Fai clic Pubblica per salvare le impostazioni.
- Dopo aver salvato le impostazioni, attendi qualche secondo affinché le modifiche abbiano effetto.
- Quindi, controlla visitando uno dei tuoi post singoli per vedere se le immagini in evidenza sono nascoste.
Tieni presente che per utilizzare questo metodo devi avere il tema Neve installato. Se non l'hai ancora installato, prova a installarlo e attivarlo dalla Directory dei temi. Ti basterà digitare Neve nel campo di ricerca e lo troverai.
Perché la modifica dei file del tema non è consigliata?
Ti abbiamo ricordato di non modificare i file del tema se non è necessario. La semplice ragione: può compromettere il tuo sito.
Quindi, abbiamo raccolto alcune alternative più sicure su come nascondere le immagini in evidenza senza dover modificare il file del tema:
- Utilizzo del plugin Code Snippets: Code Snippet è un plugin gratuito che consente di aggiungere PHP personalizzato ai tuoi post individuali. Funziona alla grande senza rischiare di rompere il tuo sito.
- Plugin di funzionalità personalizzata: Questo plugin ti permette di agganciare un PHP personalizzato, invece di digitare direttamente nel file del tema.
Chiamata a tutti i webmaster!
Risparmia tempo e aumenta la produttività con WP Media Folder. Organizza facilmente i file multimediali dei clienti, crea gallerie personalizzate e fornisci un'esperienza utente senza interruzioni.
Aggiorna subito i tuoi progetti web!
Conclusione
Non devi provare tutti i metodi sopra per nascondere l'immagine in evidenza in WordPress. Trova semplicemente quello che soddisfa le tue esigenze.
Gestire un gran numero di immagini in evidenza può richiedere molto tempo, soprattutto quando la tua libreria multimediale si ingombra.
Ecco perché è una buona idea usare un plugin come WP Media Folder, che ti consente di assegnare, visualizzare in anteprima e organizzare le immagini in evidenza in cartelle con icone colorate. È un modo intelligente per risparmiare tempo e rimanere organizzato!Quando ti iscrivi al blog, ti invieremo un'e-mail quando ci saranno nuovi aggiornamenti sul sito in modo che tu non li perda.


Commenti