Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere miniature / immagini in evidenza multiple per i post in WordPress

Vorresti poter mostrare più di un'immagine per i tuoi post di WordPress? Quella singola immagine in evidenza non è sufficiente, specialmente quando hai più elementi visivi accattivanti che meritano i riflettori.

Ma per impostazione predefinita, WordPress ti consente di evidenziare solo un'immagine per post. Ciò significa che le tue migliori foto o immagini di prodotti spesso vengono sepolte più in basso nella pagina.

Abbiamo visto frustrati blogger, proprietari di portfolio e siti di e-commerce allo stesso modo.

Ma ecco la buona notizia: con gli strumenti giusti, puoi facilmente aggiungere più immagini in evidenza e rendere istantaneamente i tuoi post più coinvolgenti e degni di clic.

In questo tutorial, ti mostreremo i modi più semplici per aggiungere immagini in evidenza extra ai tuoi post di WordPress, senza bisogno di codifica. 🙌

Come aggiungere immagini in evidenza multiple ai post in WordPress

Perché aggiungere più immagini in evidenza in WordPress?

La risposta è semplice: perché un'immagine non è sempre sufficiente.

L'aggiunta di più immagini in evidenza ti consente di mostrare più elementi visivi in diverse sezioni del tuo sito, come la tua homepage, l'archivio del blog o le pagine delle categorie. Tutto senza ripetere la stessa immagine o nascondere contenuti eccezionali più in profondità nel post.

Ora, le immagini in evidenza sono una funzionalità predefinita di WordPress e le troverai in ogni tema di WordPress. Aiutano a dare vita ai tuoi contenuti e rendono i tuoi post del blog più coinvolgenti. Inoltre, aiutano a catturare l'attenzione degli utenti e li spingono a fare clic sul tuo articolo.

Ma ci sono situazioni in cui potresti aver bisogno di aggiungere miniature di post multiple al tuo sito web WordPress.

Forse un cliente ha un requisito speciale per utilizzare più di una miniatura, o il design del tuo sito web richiede varie immagini.

Ad esempio, sezioni come la homepage o le pagine di archivio (la sezione blog e categorie) richiedono dimensioni di immagine diverse. In questo caso, avere un'opzione per visualizzare più miniature è davvero utile.

Su WPBeginner, utilizziamo più immagini in evidenza per le pagine di archivio, i social media e le miniature che appaiono in un post del blog.

Ecco una miniatura che appare all'interno del post del blog:

Miniatura che appare nel post

D'altra parte, le immagini che appaiono nelle pagine di archivio sono diverse.

Ecco come appaiono le miniature nella sezione blog su WPBeginner:

Miniature nelle pagine archivio

Ora, ti mostreremo come aggiungere più immagini in miniatura in WordPress, oltre a un consiglio bonus. Ecco una rapida panoramica degli argomenti che discuteremo in questa guida:

Pronto? Iniziamo.

Il modo più semplice per aggiungere più immagini in evidenza senza plugin è posizionarle manualmente nei tuoi contenuti nell'editor di contenuti di WordPress.

Innanzitutto, puoi caricare la tua miniatura principale utilizzando l'opzione predefinita immagine in primo piano nell'editor di contenuti di WordPress.

Fai semplicemente clic sull'icona dell'ingranaggio in alto per aprire il pannello delle impostazioni a destra e quindi vai alla sezione 'Immagine in primo piano'.

Carica l'immagine in evidenza principale nell'editor dei contenuti

Dopodiché, puoi fare clic sull'area 'Imposta immagine in primo piano' e si aprirà l'utility di caricamento media di WordPress.

Procedi pure a caricare la tua immagine o seleziona un'immagine dalla tua libreria multimediale esistente.

Carica la tua immagine

Dopo aver selezionato un'immagine, fai semplicemente clic sul pulsante 'Imposta immagine in primo piano'.

Il passaggio successivo consiste nell'aggiungere un blocco immagine ovunque nel contenuto per inserire un'altra immagine in primo piano.

Per fare ciò, dovrai fare clic sul pulsante '+' e quindi aggiungere un blocco immagine dove desideri visualizzare l'immagine in primo piano secondaria.

Il blocco immagine di WordPress

Una volta aggiunto il blocco immagine, carica semplicemente la miniatura nel tuo post del blog.

In alternativa, puoi selezionare un'immagine esistente dalla libreria multimediale del tuo sito WordPress o utilizzare l'opzione 'Inserisci da URL'.

Carica o seleziona un'immagine dalla libreria multimediale

Fatto ciò, puoi fare clic su 'Aggiorna' o 'Pubblica' per renderlo attivo.

Puoi quindi visitare il tuo sito WordPress per vedere più immagini in evidenza.

Anteprima di più immagini in evidenza

📝 Alternativa: Con WordPress, puoi persino utilizzare il blocco galleria e mostrare più immagini in evidenza. Questo è particolarmente utile se hai un negozio online o hai bisogno di mostrare numerose immagini di prodotti di alta qualità.

Se stai cercando un'opzione più avanzata, ti consigliamo il plugin Envira Gallery. Ti consente di visualizzare una galleria di immagini reattiva con effetti lightbox, aggiungere filigrane per proteggere i tuoi contenuti e includere pulsanti di condivisione social per aumentare l'interazione.

Per maggiori dettagli, consulta la nostra guida su come creare una galleria di immagini in WordPress.

Se desideri mostrare un'immagine in evidenza diversa per gli articoli di una particolare categoria, la soluzione migliore è utilizzare il plugin Category Featured Image.

Innanzitutto, dovrai installare e attivare il plugin Category Featured Image. Se hai bisogno di aiuto, sentiti libero di consultare la nostra guida su come installare un plugin WordPress.

Una volta che il plugin è attivo, puoi andare su Articoli » Categorie dalla tua bacheca di WordPress. Ora vedrai una nuova opzione 'Immagine in evidenza' quando aggiungi nuove categorie o sottocategorie.

Fai semplicemente clic sul pulsante 'Aggiungi nuova immagine' per iniziare.

Aggiungi immagini in evidenza per categoria

Una volta fatto clic sul pulsante, si aprirà l'utility di caricamento media di WordPress.

Puoi caricare la tua immagine dal disco locale del tuo computer o selezionarne una dalla tua libreria media di WordPress. Dopodiché, fai semplicemente clic sul pulsante 'Imposta immagine in evidenza'.

Carica la tua immagine

Puoi anche modificare le categorie esistenti sul tuo sito web e aggiungere un'immagine in evidenza.

Per fare ciò, prima passa il mouse sopra qualsiasi categoria corrente e fai clic sull'opzione 'Modifica'.

Modifica una categoria esistente

Dopodiché, scorri verso il basso fino alla sezione 'Immagine in evidenza'.

Fai clic sul pulsante 'Aggiungi nuova immagine' e carica la tua immagine in evidenza per la categoria.

Aggiungi un'immagine in evidenza a una categoria esistente

Non dimenticare di fare clic sul pulsante 'Aggiorna' quando hai finito.

E questo è tutto!

Ora puoi tornare alla pagina 'Categorie' nel tuo pannello di amministrazione di WordPress e vedere l'immagine in evidenza per ogni categoria.

Visualizza l'immagine in evidenza per ogni categoria

Ecco alcune domande comuni che ci vengono poste sull'utilizzo di più di un'immagine in evidenza in WordPress.

Come aggiungo un'anteprima di articolo in WordPress?

Per aggiungere un'immagine in evidenza (chiamata anche miniatura del post), apri semplicemente l'editor del post o della pagina. Sul lato destro, cerca il pannello Immagine in evidenza, fai clic su Imposta immagine in evidenza e carica o seleziona un'immagine dalla tua Libreria multimediale. Quindi fai di nuovo clic su Imposta immagine in evidenza per confermare.

Come imposto automaticamente l'immagine in evidenza in WordPress?

Il modo più semplice è utilizzare un plugin come Default Featured Image. Aggiunge una semplice opzione nelle impostazioni multimediali dove puoi caricare un'immagine di fallback. WordPress utilizzerà quindi automaticamente quell'immagine per qualsiasi post o pagina che non ha un'immagine in evidenza impostata.

Vuoi assicurarti che i tuoi post abbiano un bell'aspetto anche sui social media? Ti consigliamo All in One SEO (AIOSEO). Ti consente di impostare un'immagine predefinita per piattaforme come Facebook e Twitter, quindi anche se dimentichi di aggiungere un'immagine in evidenza, i tuoi contenuti verranno comunque visualizzati con le giuste immagini.

Posso modificare in blocco le immagini in evidenza in WordPress?

Sì, e il modo più semplice per modificare in blocco le immagini in evidenza in WordPress è utilizzare un plugin come Quick Featured Images.

Tutto quello che devi fare è installare il plugin, scegliere i tuoi filtri (come categoria o tipo di post), selezionare la nuova immagine che vuoi applicare, e poi eseguire l'aggiornamento in blocco con un singolo clic.

L'aggiunta di molte immagini rallenterà il mio sito web?

Sì, il caricamento di più immagini ad alta risoluzione può influire sulle prestazioni del tuo sito web. È importante ottimizzare sempre le tue immagini per il web prima di caricarle.

Questo comprime la dimensione del file senza sacrificare troppa qualità, assicurando che le tue pagine si carichino ancora velocemente per i tuoi visitatori.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere più miniature / immagini in evidenza ai post in WordPress. Successivamente, potresti voler consultare le nostre guide su:

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

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

59 CommentsLeave a Reply

  1. Avere più miniature per i post sembrava un compito complesso finché non ho trovato questo tutorial. La tua spiegazione e i plugin consigliati lo hanno reso semplice. Grazie per aver semplificato il processo!

  2. Questo è molto utile per molti scopi per cui potrebbero essere necessarie immagini speciali (ad es. immagine mobile).

    MA
    È possibile per i tuoi piani futuri, fornire la possibilità di un array di immagini, invece di una singola?

    Ad esempio, lo sviluppatore potrebbe aver bisogno di aggiungere un'istanza di immagini-album, in modo che l'utente possa selezionare più immagini da fornire per un album.

    • Esamineremo la possibilità di aggiungerlo in futuro, ma potrebbe essere necessario cercare un plugin per quel livello di personalizzazione.

      Amministratore

  3. ciao, tutto funziona fino a questo paragrafo.

    “Anche se puoi aggiungere un'immagine in evidenza secondaria nella tua bacheca di WordPress, non verrà visualizzata sul tuo sito finché non configurerai il tuo tema. Tutto ciò che devi fare è aggiungere il seguente codice all'interno del tuo loop di post dove vuoi visualizzarlo. Questo potrebbe essere nel tuo single.php (per i post singoli), archive.php (solo per le pagine di archivio), ecc.”

    Puoi spiegare un po' di più dove posizionare questa parte del codice all'interno del tema? Grazie!

    • Dipenderebbe dal tuo tema specifico, normalmente dovrebbe avere il codice per visualizzare il tuo contenuto e dovresti inserire il codice in quell'area, per capire il loop dovresti dare un'occhiata alla pagina: https://www.wpbeginner.com/glossary/loop/
      Per sapere dove inserire il codice in base a come lo desideri, dovresti contattare il supporto del tuo tema.

      Amministratore

  4. Voglio aggiungere due immagini; una come miniatura (nei motori di ricerca, archivi, homepage o in qualsiasi altro luogo venga mostrata) e un'altra come immagine in evidenza (il lettore vedrà questa immagine solo al momento della lettura del contenuto).

    C'è una soluzione al mio problema?

    • Dovresti contattare il supporto per il tema che stai utilizzando per quel tipo di personalizzazione.

      Amministratore

  5. Ciao. Potresti per favore aggiornare gli articoli più vecchi? Questo utilizza un plugin che non viene aggiornato da oltre 2 anni.

    Mi stavo solo chiedendo.

    • Ciao, per favore dimmi come accedere alla seconda miniatura. Ad esempio, possiamo accedere all'immagine in evidenza predefinita tramite “the_post_thumbnail()”.

  6. per favore… qualcuno può aiutarmi
    voglio solo prendere l'url dell'immagine
    come si fa?

  7. Perché "Multiple Post Thumbnails" non è aggiornato? Dice che è stato aggiornato l'ultima volta 2 anni fa. Deve essere aggiornato perché alcune persone non possono usare plugin che non vengono aggiornati da 2-3 anni...

  8. Spero tu possa aiutarmi. Puoi dirmi se questo plugin può fare quello che mi serve?

    Ho bisogno di poter aggiungere una seconda immagine in evidenza a un post (o tipo di post personalizzato) che si trova in più di una categoria. Nella pagina di archivio di una delle categorie, ho bisogno che venga visualizzata la miniatura della seconda immagine in evidenza, e ovunque altro nel sito ho bisogno che venga visualizzata la miniatura della prima immagine in evidenza.

    Grazie per qualsiasi cosa tu possa dirmi!

  9. Uso genesis e non riesco a capire dove incollare questo snippet in modo che la seconda immagine in evidenza venga visualizzata solo come miniatura nelle pagine home e di categoria. Aiuto per favore.

  10. Ottimo Plugin! Sarebbe possibile fare in modo che quando viene impostata un'immagine secondaria, venga visualizzata solo l'immagine secondaria?

  11. Puoi aggiungerlo a una sola pagina nell'area admin. Come se volessi aggiungerlo solo al file front-page.php nell'area admin, così se vai a modificare un'altra pagina non sarà presente nell'area admin?

  12. Hi i’m new with wordpress and i hope you can help me :) with this

    devo usarlo per la mia sidebar.php ma non mostra l'immagine secondaria

  13. Ciao, sto usando questo plugin con il tema WordPress NewsPaper ma ogni volta visualizza l'ultima immagine secondaria aggiunta in tutti i post.

    Ad esempio, visualizzo 6 post nella barra laterale e l'immagine secondaria è stata aggiunta solo ai primi 2 post, ma la stessa immagine verrà visualizzata in tutti e 6 i post.

    Per favore, dimmi come posso usarlo con il tema WordPress NewsPaper.

  14. questo non funziona per me, la seconda immagine in primo piano non viene visualizzata nell'editor di pagine.

  15. C'è un modo per usare questo metodo per assegnare un'immagine in primo piano secondaria basata su una categoria scelta? Sto costruendo un sito per un'azienda di legno di recupero che realizza tutti i tipi di progetti e alcune delle foto dei progetti hanno più categorie al loro interno. Ad esempio, un progetto che abbiamo realizzato ha articoli in tutta la casa e abbiamo incluso la categoria "Scaffali" a un post in cui l'immagine in primo piano non mostra scaffali. Quel progetto verrà visualizzato all'interno di una pagina di scaffali e avrà l'immagine in primo piano di un piano di lavoro. C'è un modo per farlo visualizzare una delle foto degli scaffali quando viene visualizzato in questa categoria?

    • c'è sempre un id per qualsiasi tipo di post, quindi nel tuo caso se è "scaffali" allora 'post_type' => 'scaffali' sarà nel tuo codice.

  16. Funziona davvero sui post. Ma voglio impostarlo su un post personalizzato. Come posso aggiungere più immagini in primo piano in un post personalizzato?

  17. Potrebbe essere molto facile, ma non riesco a farlo funzionare...
    Come posso farlo apparire in tutti i miei tipi di post? Il ‘post_type’ => ‘post’ lo rende disponibile solo nei post di WP. Ho bisogno che sia disponibile anche in ‘page’ ed ‘event’.

    Si prega di consigliare.

  18. La seconda immagine in evidenza non viene visualizzata, come posso ottenere l'ID dell'immagine?

  19. per immagini in primo piano multiple copia questo codice nel tuo functions.php

    if (class_exists(‘MultiPostThumbnails’)) {

    for($i=2; $i ‘Immagine secondaria-‘.$i,

    ‘id’ => ‘secondary-image-‘.$i,

    ‘post_type’ => ‘page’

    ));

    }

    }

    Per visualizzare la tua immagine in primo piano incolla questo codice nel tuo loop di single.php/page.php dove vuoi visualizzare le immagini.

    if (class_exists(‘MultiPostThumbnails’)) :

    for($i=2; $i<=5; $i++)

    {

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image-'.$i);

    }

    endif;

  20. questo è un tutorial molto utile.. Quindi gli amministratori non hanno bisogno di andare nei widget poiché tutti gli elementi possono essere aggiunti in una volta (se gli elementi sono unici per quel post ./ pagina) .. Qualcuno di voi sa come potremmo averne uno simile per il testo in primo piano e aree di testo aggiuntive all'interno del post?

  21. questo è molto utile e sono riuscito a farlo funzionare senza alcun problema. sai come potremmo avere cose simili con TESTO IN PRIMO PIANO e TESTO IN PRIMO PIANO MULTIPLO?

    • I solved it like this :)

      // in function.php

      if (class_exists(‘MultiPostThumbnails’)) {

      new MultiPostThumbnails(array(

      ‘label’ => ‘Immagine secondaria’,

      ‘id’ => ‘secondary-image’

      ‘post_type’ => ‘product’

      ) );

      new MultiPostThumbnails(array(

      ‘label’ => ‘Terza Immagine’,

      ‘id’ => ‘third-image’,

      ‘post_type’ => ‘product’

      ) );

      }

      // nel template

      if (class_exists(‘MultiPostThumbnails’)) :

      MultiPostThumbnails::the_post_thumbnail(get_post_type(), ‘secondary-image’);

      endif;

      if (class_exists(‘MultiPostThumbnails’)) :

      MultiPostThumbnails::the_post_thumbnail(get_post_type(), ‘third-image’);

      endif;

  22. L'ho risolto così (basato sul codice fornito in questo articolo, i suoi commenti e altre fonti):

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), ‘secondary-image’, NULL, ‘medium’);
    $mptId = MultiPostThumbnails::get_post_thumbnail_id(‘post’, ‘secondary-image’, $post->ID);
    $p = get_post($mptId);
    echo “”;
    echo apply_filters(‘the_excerpt’,$p->post_excerpt);
    echo “”;

  23. È possibile restituire solo l'URL dell'immagine senza il tag quando la si chiama all'interno del file del template? Qualcosa di simile a:

    //Ottieni l’URL della miniatura
    $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(320,240), false, ” );
    echo $src[0];

    MODIFICA: Sì, c’è. Usa questo —
    $custom = MultiPostThumbnails::get_post_thumbnail_id(‘post’, ‘secondary-image’, $post->ID); $custom=wp_get_attachment_image_src($custom,’post-secondary-image-thumbnail’); echo $custom[0];

  24. Hi, Thank you for your work :)

    Usando questo plugin, posso aggiungere più di 1 immagine Thumbnail aggiuntiva??

    Grazie.

      • Fantastico! Ma sembra che dal back-office io possa aggiungere solo un'immagine secondaria. Come posso fare?
        Grazie.

        • Scusa, ecco come possiamo fare:

          // Da aggiungere in functions.php
          // Codice Multi-Thumbnails
          if (class_exists(‘MultiPostThumbnails’)) {
          for($i = 1; $i ‘Gallery Image’.$i,
          ‘id’ => ‘image-‘.$i,
          ‘post_type’ => ‘post’
          ));
          }
          }
          }

          Grazie.

  25. Ottimo articolo!

    Esattamente quello che stavo cercando.

    Ma come potrei farlo funzionare con un tipo di post personalizzato?

  26. capito, basta copiare e incollare questa funzione quante volte vuoi immagini in evidenza, e cambiare id e etichetta...:)

  27. Qual è la differenza tra immagine predefinita e immagine in evidenza in wordpress./////////////??????????

    • L'immagine in evidenza è un'immagine che puoi allegare a un post utilizzando la casella dell'immagine in evidenza nell'area di modifica del post. Se vuoi, puoi impostare un'immagine di fallback predefinita per le tue immagini in evidenza. Questa immagine in evidenza predefinita apparirà quando non è impostata alcuna immagine in evidenza per un post.

      Amministratore

  28. Ho creato un plugin per visualizzare il titolo della pagina, l'immagine in evidenza e il contenuto.

    Invece di visualizzare l'immagine in evidenza, devo visualizzare l'immagine secondaria caricata tramite il plugin.

    Come posso ottenere questo risultato? Condividerò una piccola parte del mio plugin. Per favore, esaminala.

    function widget($args, $instance) {
    extract( $args );
    $title = apply_filters(‘widget_title’, $instance[‘title’]);
    $page_id = $instance[‘page_id’];
    $featured_image = get_the_post_thumbnail($page_id);
    $image = $instance[$featured_image];
    echo $featured_image;

    ?>

    post_content;
    $content = strip_shortcodes($content);
    $content = apply_filters(‘the_content’, $content);
    echo $this->break_text($content, $page_id);
    ?>

  29. Non riesco a far funzionare la parte di ridimensionamento.

    Aggiungo la dimensione dell'immagine in functions.php:
    add_image_size(‘small-featured-image-size’, 250, 150);

    Aggiungo la mia immagine:
    if (class_exists(‘MultiPostThumbnails’)) {
    new MultiPostThumbnails(
    array(
    ‘label’ => ‘Immagine in Evidenza Piccola’,
    ‘id’ => ‘smaller-featured-image’,
    ‘post_type’ => ‘product’
    )
    );
    }

    E poi:
    if( class_exists(‘MultiPostThumbnails’) ) {
    MultiPostThumbnails::the_post_thumbnail(‘product’, ‘smaller-featured-image’, NULL, ‘small-featured-image-size’);
    }

    L'immagine continua ad apparire sulla pagina con la sua dimensione originale. Qualcuno può aiutarmi?

  30. Ehi, sto cercando di capire come trasformare questo blocco di codice in un array che possa essere utilizzato al di fuori del loop (in un loop foreach che si trova dopo il loop dei post).

    if (class_exists(‘MultiPostThumbnails’)) :

    MultiPostThumbnails::the_post_thumbnail(get_post_type(), ‘secondary-image’);

    endif;

    Come faresti questo? Ottimi tutorial comunque!

  31. Per favore, dammi un'idea per aggiungere due immagini in evidenza dal front-end usando il codice.

  32. Grazie per questo articolo, lo cercavo da tempo e l'ho trovato qui. Metteremo subito in pratica. Il tutorial è molto chiaro, buona fortuna!

  33. Per migliorare questa idea, potresti semplicemente usare un plugin per meta box/campi personalizzati o creare un campo ripetibile personalizzato... Per consentire un numero diverso di "miniature di post"

Lascia una risposta