Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

Come aggiungere le immagini in evidenza degli articoli in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Le immagini in evidenza degli articoli stanno diventando sempre più popolari. Molti temi associano un’immagine a un determinato articolo, che poi visualizzano in homepage o sulla pagina del post. Noi visualizziamo un’immagine in evidenza con i nostri articoli sia sulla pagina dell’articolo che sulla pagina della categoria. Nelle versioni precedenti, questa funzionalità era ottenuta con il metodo dei campi personalizzati, che non era molto semplice per l’utente. Grazie agli sviluppatori del core di WordPress, insieme a molte caratteristiche degne di nota di WordPress 2.9, anche questa funzione è stata aggiunta al core.

Guardate il video o leggete il tutorial qui sotto :)


Guida per principianti

Vedrete un’opzione come questa nella barra laterale del pannello di scrittura degli articoli nella Bacheca di WordPress.

Post Thumbnails in WordPress

Facendo clic sul collega, si accede alla pagina di uploader dell’immagine. Effettuate l’upload dell’immagine e vedrete qualcosa di simile a questo:

Post Thumbnails in WordPress

Fai clic sul collega che dice di usarla come miniatura. Una volta fatto, si aprirà uno schermo come questo:

Post Thumbnails in WordPress

Lo schermo qui sopra significa che il gioco è fatto. Fate clic su Pubblica e l’immagine verrà visualizzata sul vostro sito.

Guida per gli sviluppatori

Anche se questa funzionalità è stata aggiunta al nucleo, non tutti gli utenti vedranno questa opzione nella barra laterale del pannello di scrittura degli articoli. Questa è una di quelle funzioni che possono essere abilitate solo se il tema lo supporta. I temi gratuiti più vecchi potrebbero non supportarla, quindi è necessario chiedere l’aggiornamento allo sviluppatore, oppure è possibile farlo da soli seguendo questo tutorial.

Per prima cosa è necessario aprire il file functions.php nella cartella dei temi e incollare il seguente codice:

add_theme_support( 'post-thumbnails' );

Questo codice abilita il supporto del tema sia per gli articoli che per le pagine. Ora sarà possibile vedere un’opzione nella Bacheca. Ma non verrà visualizzata nei temi perché non abbiamo ancora aggiunto il codice al tema.

È possibile visualizzare la miniatura in qualsiasi punto del loop utilizzando questo codice:

<?php the_post_thumbnail(); ?>

Questa era la funzione di base, ma se si vuole ottenere qualcosa di più avanzato, come specificare le dimensioni dell’immagine in evidenza dell’articolo, è sufficiente aprire il file functions.php e incollare il codice in questo modo:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );

Le dimensioni sono impostate in questo ordine: larghezza x altezza e sono sgranate.

È possibile aggiungere altre dimensioni per l’immagine in evidenza aggiungendo questa riga:

add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size

In seguito, è possibile richiamare le dimensioni specifiche delle immagini in evidenza nel loop dell’articolo, in questo modo:

<?php the_post_thumbnail('single-post-thumbnail'); ?>

Questa è una versione giù ridotta della funzionalità completa di questa caratteristica. Abbiamo cercato di mantenerla semplice, in modo che tutti possano seguirla. Se volete maggiori informazioni su questa funzionalità, selezionate:

Articolo di Mark Jaquith sulle immagini in evidenza degli articoli
Codice di WordPress

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

80 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Chrissy says

    Is this necessary with Genesis Child Themes. They seem to have a featured image for their posts already. Thanks

  3. Kathleen Smitheram says

    So… I tried this and I think I broke my site. I now get this error

    Parse error: syntax error, unexpected ‘”‘ in /home/content/21/10729521/html/wp-content/themes/desk-mess-mirrored/functions.php on line 642

    and can’t get into my dashboard. I’m new to self-hosting and I have no idea how to fix this. HELP!

  4. Drew says


    Thanks for this post it totally helped me out!

    Question, now how would I also show the featured image (in a different size) within the actual post only (not in the loop)?

    Thanks :)

    • Mimo says

      Ignore my comments. I figured out why you wouldnt want to wrap them in img and anchor tags :D.

      Thanks for the post

  5. canada goose jackets says

    Keep writing, continue to inspire, to keep creating I like the idea and the website is fairly easy to use. I do wish that they would review more than the top 20 or so websites in the field. The web is a big place.

  6. canada goose jackets says

    Keep writing, continue to inspire, to keep creating I like the idea and the website is fairly easy to use. I do wish that they would review more than the top 20 or so websites in the field. The web is a big place.

  7. mbtshoesmbts says

    Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can’t wait to read lots of your posts.

  8. lakkolmahendra says

    Thank you very much for the wonderful information. It’s simple method to add thumnail in your homepage. I’ll try for my site today.

  9. LukeSwenson says

    I’m working on WorPress Version 3.2.1. I noticed that the module in the admin reads “Featured Image” rather than “Post Thumbnail.”

    Also, I get the following error when I try to add an image in the admin:

    Warning: Cannot modify header information – headers already sent by (output started at /——–/—-/——/——-/wp-content/themes/html5/functions.php:58) in /Applications/MAMP/htdocs/justine/wp-admin/async-upload.php on line 2648

  10. SagivHaalush says

    @wpbeginner Hey :) VERY(!) helpful post, However I got to the exact same problem after adding the 2 lines(at the bottom…). When I put them at the beginning, nothing happens…

    Can you please be more specific as for the placement in the loop(Which/where)? Thanks :)

  11. birdhammer says

    Hi there, I just tried to enter the code above by following instructions in the video, but when I updated it I got a parse error. I cannot even log into my dashboard. I feel like an idiot!

    I use wordpress with modularity lite theme and my site is

    Can you please help me?

  12. wpbeginner says

    The placement of the code in your functions.php file is probably causing the errors. Are you using a theme framework? Are you adding it way at the bottom??

  13. CaseyDennison says

    mines not working at all i keep gettin errors in the php and it is written up correctly. i dunno is screwed it keeps showing the functions code at the very top of my wp dashboard ??? thats weired

  14. davede says

    @wpbeginner Ah thanks, I resolved the problem. details here: (well seems i can’t paste a url in). that sucks.

  15. davede says

    Good stuff.Thank you.

    I’m having a hard time having the thumbnail appear only in the excerpt not on the post page.

    any ideas?

  16. wpbeginner says

    @kevin.m.kwok Yes, this sounds like a CSS issue. Your image css class needs to have float: left property.

  17. kevin.m.kwok says

    Hello, great tutorial. Everything works, except I can’t get the thumbnail to post “left” of my post on my homepage. It always goes on top of my post, even if I select left in the thumbnail options. Any Ideas?

  18. Peter Wolff says

    Hi WP Beginner.

    Great WP tutorial above from the Editorial Staff!

    I have a quick WP thunmbnail gallery page photo question. I’ve been trying to add some simple Custom Field php code to my Catefory.php template in order to add a small text caption title below each thumnail image. Very frustrated…anyway, I have attached below the Category.php thumbnail loop and was wondering if you can help me write the a Custom Field php code (field called “thumb_tag”) within this loop. Here’s the code:

    ID, ‘main_image’, true); ?>

    <a href="” ><img src="/resize.php?w=162&h=105&file=” alt=”” title=”” width=’162′ height=’105′ />

    Thank you very much!


  19. shivam says

    i am new to wordpress,not knowing too much programming..i liked ur article.but can u tell me exact at which position we have to place this fuctions.php is a file,which we have to edit,at what place we have to add that code,is there any demo for that?

      • James says

        Thanks, I think I’ve gotten it to work. However, when adding a thumbnail, it is now automatically added to the top of my post, even though the post already has an image.

  20. mark says

    Great tutorial – However, and I cant find this information anywhere – BUT, I want to add the thumbnail to the post-editor screen so that my writers can see what it would look like inline with the post before they publish. Where could I do that? Thanks in advance.

    • Editorial Staff says

      You see the thumbnail once you upload it, however there is no live preview on the admin screen. Your author can simply click Preview and see the post in the new tab <<


  21. elizabeth says

    Thank you for the info. i followed the steps in my theme, however my pictures still do not show in the image box…they look like broken files on my Home page. When I click on them, then they appear. How can i make them visible on the home page? Thanks

  22. janine says

    Thanks for the great post – specifically about add_theme_support( ‘post-thumbnails’ ); – It worked great with the wootheme I am modifying

  23. saBEE says

    Thank you for the great information.

    Each of my posts has a photo. I am trying to get each post’s photo to show up as a thumbnail in the RSS feed. Will the above method work to do this?

  24. Bernard says

    I’ve gone through the steps in this tut, but for some reason I get the following error whenever I try to select an image from the gallery option:

    Fatal error: Call to undefined function: get_post_thumbnail_id() in /wp-admin/includes/media.php on line 1292

    Can anyone help me in sorting this out?


  25. darren says

    is this actually cropping the image on upload? Or does it just display it at the appropriate height and width when it calls it on the page? I ask b/c we pull our feed from our blog onto a non wp site and link back to it but would like to be able to reference the thumbnails. It is a asp site so I don’t have the luxury of php’s native image manipulation

  26. Helen says

    We have this code in theme functions (it came with theme skin) the theme has a image slider that uses the ‘post thumbnail’ function. yet it doest show in admin so we cant get slider to work;


    help : ) thank you

  27. Ami says

    works great!! just one query.. how can i add a link or wrap a link around

    so that when someone click the link a lightbox opens with the original size.

    Just to clarify.

    At the moment in functions.php I have

    add_image_size(‘my-custom-image’, 640,9999); so the image in the post is 640 in width, this will then be linked to the original image which is say 1000px by 500px.

    I did find this: which works to a degree but opens the thumbnail in the lightbox.

  28. Eduardo Antunes says


    To remember:

    > add in functions.php

    set_post_thumbnail_size(70, 70, true);

    > add in the loop:

    php the_post_thumbnail();

  29. Ricky@twitter apps says

    Weel I was looking for the same thing. I have a quick question for ya. Is there any way to have default image of the category to show as a thumbnails? Or is there anyway to fetch first image of the post and use it as thumbnail as related post.
    I implemented the above technique on my blog but the major problem is my all the posts doesn’t have thumbnail enabled. Which makes the situation horrible as I have to update all the post with thumbnail.
    Is there anyway to use first image as default thumbnail using above technique?

  30. Jal says


    Do you use the wordpress’s post editor or some offline blog publishing software? I use Live Writer which has some decent options but sometimes I think of a switch-over to Wp’s post editor. Can you share some views on this please?

    Thank you

  31. Antonio says

    Wow thanks I’ve always wondered how to do this but never really had the patience to look for a solution. I didn’t know it was this simple. WOOOOT! Thanks. :)

  32. Trisha says

    Any idea if this works for Page thumbnails? I’m trying to list child pages using this code. (the 2nd one, in ‘post format’. Switched out all instances of ‘content’ with ‘excerpt’ and used Andrew Oz’s Excerpt Editor which is seriously cool.

    When I try to plug in the code for the thumbnail, it doesnt show.

    Any idea what I might be doing wrong?

  33. Cosmin says

    Guys, does this only work with square images?

    As in 50px by 50px?

    I heard someone mention it only takes the height value when specifying dimensions…
    (so 50px by 30px wouldn’t work)

    • Editorial Staff says

      It will work with any size. Sometimes the image quality will be lost if it is not the right ratio. We have it working on a client’s website and it works perfectly fine.


  34. Luke says

    I’m a beginner and love what you’re doing. Would be nice to get very specific instructions for stuff like this. When I copy/paste to functions it doesn’t work.

    Thoughts on what I could be doing wrong? Maybe a functions for beginners post?

    Thank you and keep up the great work.

    • Editorial Staff says

      Are you using WordPress 2.9? If so then there is no way that it would not work. This is probably the best break down of this code.

      While we try to make everything as clear as possible, sometimes it requires prior knowledge to complete some tasks.

      If you want one of our staff to take a look and do this for you we can do it for a small fee.


  35. Cosmin says


    Thanks guys, perfect timing, as I’m working on a WordPress theme for a client and it requires just this!

    Now it will be sooo easy for the less-tech-savvy person that’ll write posts :)

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.