wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials WordPress 3.0 “Set Featured Image”

Tutorials

WordPress 3.0 “Set Featured Image”

Last updated on February 18, 2017
Posted on June 21, 2010

WordPress 3.0 video tutorial how to set “featured image” or add thumbnail to your post using default theme twentyten.

First when i click “set featured image” button, and refresh my blog, the thumbnail or image does not display and missing. This is because we have not called the function to display this image as your thumbnail yet.

So today, after i postedΒ  how to install wordpress 3 a few days ago, i will share it with you how to display missing featured image. I was so excited to make the video! πŸ™‚ you can probably notice from my voice.

To display the thumbnail which is missing here are the steps:
1. In your admin dashboard, click one of your post to edit it. Scroll down until you find “set featured image”. This will bring media upload dialog box.

IF you use other theme, and you don’t have featured image menu as shown in above image, add this following code to your functions.php (WARNING: backup your functions.php incase you will get parse error!).
add_theme_support( 'post-thumbnails' );

If you have that already, go straight in step 2.

2. Browse the file from your pc, and click upload.
3. Once it is uploaded, scroll down, hit “set as featured image” button, and click “save all changes” then close the dialog box.
4. Next step, go to Appearance/editor/loop.php.
Open this loop.php file, copy all content and paste it in notepad++ or other html editor and find this line of code:
<?php the_content( __( 'Continue reading <span>&rarr;</span>', 'twentyten' ) ); ?>
Before that code, copy and paste this code:
<?php the_post_thumbnail();?>

The image after you paste the code above:


copy and paste it back to loop.php file. and do not forget to click “update file”
5. Now stylizing the thumbnail of wordpress 3.0 twentyten default theme by adding this code in the very bottom of style.css:
.attachment-post-thumbnail{width:200px; height:200px; padding:10px 20px 10px 0; float:left;}
Of course you can apply any styles to this css as you want.
6. Click “update file” and refresh your blog, the thumbnail or image should show up if you did all correctly.

Or watch this step by step video.

  • Is my site loading fast? I use this shared hosting
  • Try my theme >
image images in post thumbnail

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← WordPress- Create Sitemap.xml
→ “Visit Site” Button Link In WordPress 3.0 Dashboard

Comments

  1. Lia says

    June 24, 2010 at 5:15 pm

    Great video! It was very informative and moved at a good pace, helped me a lot! Thank you!

    • Kimi says

      June 24, 2010 at 8:44 pm

      @Lia, You are very welcome! I am happy that it could help πŸ™‚

  2. khaled hakim says

    July 6, 2010 at 5:23 pm

    thanks for the tip… worked like a charm… the only thing im hating about wordpress 3.0 so far is the loop.php file… i know that soon i’ll get used to it… but so far that’s the only thing im disliking about thelonious.

    cheers.

    • Kimi says

      July 6, 2010 at 6:13 pm

      @khaled hakim, Thank you for commenting!! I actually wait until someone comments to know it works or not.

      Today i am so happy that you confirmed it works πŸ™‚

      Yes, the loop.php is way more complicated than the old kubrick, especially for beginners like me. But it is a wonderful theme, and love the drag and drop menu features.

  3. khaled hakim says

    July 6, 2010 at 5:33 pm

    i thought I would share this also useful piece of info for the thumbnail images to appear next to each post.

    to make the thumbnail image a link, simple add this code instead of the one provided by Kimi and place it in the correct place (as explained by Kimi) in the loop.php file:

    <a href="”>

    This will make the image next to the post a link in itself. πŸ™‚ cheers.

    • Kimi says

      July 6, 2010 at 6:14 pm

      @khaled hakim, Thank you for this input, never thought about it.

      Thanks πŸ™‚

  4. khaled hakim says

    July 6, 2010 at 6:26 pm

    the comment i added with the link to make the thumbnail become a link did not appear properly in your comment section.

    you might wanna go in and edit that so that it appears!

    cheers

    • Kimi says

      July 7, 2010 at 7:32 am

      @khaled hakim, Did you mean this code?

      a href="<?php the_permalink(); ?"><?php the_post_thumbnail(); ?>

      add “<” before a href.
      I could not see the code either, but i tried myself, it didn’t show let’s see this time lol. (I have tried many times but it shows always a linkl)

      Thanks!

  5. marvin says

    July 8, 2010 at 9:16 pm

    Thanks ! It works!

    • Kimi says

      July 9, 2010 at 7:51 am

      @marvin, so glad it works for you.

      Thanks for commenting πŸ™‚

  6. rob says

    July 10, 2010 at 7:50 am

    Hi, where do you get the “featured image” plugin? Can’t find it anywhere,

    Thanks

    • Kimi says

      July 10, 2010 at 8:44 am

      @rob, hey there,
      This is not using a plugin, it is by default is set if you are using wordpress 3.0.

      So if you use wordpress 3, it should be appeared in your dashboard.

      I hope this helps.

  7. rob says

    July 10, 2010 at 9:08 am

    Hi – just watched your video – very useful.

    But – I am using wp3.0 and found that by adding:

    add_theme_support( ‘post-thumbnails’ );

    To functions php it appears – but I have no loop file with my theme so does that mean i need to create one?

    Thanks so much for your help.

    rob.

    • Kimi says

      July 10, 2010 at 10:27 am

      @rob, Yes, after you add this code in your functions.php:
      add_theme_support ('post-thumbnails');
      if (function_exists ('add_theme_support'))
      add_theme_support('post-thumbnails');

      Then you can follow the tutorial, it should be added in index.php if you have another theme.

      Also if you want the thumbnail to appear in single post page, you can also added in single.php file.

      Let me know if it helps.

  8. rob says

    July 10, 2010 at 11:59 am

    Ok so are you saying instead of adding the code into the twentyten loopphp, cos i don’t have a loop file with my theme i should place it in my themes index file?

    This I tried but parsed errors – not sure where to place it.

    Thanks.

    • Kimi says

      July 10, 2010 at 2:08 pm

      @rob, Do you have this code in your index.php, or similar code?
      <?php the_time('F jS, Y') ?>
      If yes, paste the code after code above.

      If not, it would be easier to help if i see your site or you tell what theme you are using.

  9. khaled hakim says

    July 10, 2010 at 2:07 pm

    You should place it in the template which you wish to display the thumbnail… and you should place it in the php (code) loop that generates your posts. You simply need to find the piece of code in your index.php file (assuming thats the page you wish to add the thumbnails to) that does the “get post” function and lists them. Simply add the code provided above to add the thumbnail to the code loop. If you need more help on where to place it still, email me your index.php file (copy paste it in an email) and ill send it back to you with the code placed iin the right place. khaledhakim[at]gmail.com

    • Kimi says

      July 10, 2010 at 2:11 pm

      @khaled hakim, Thanks for the help πŸ™‚

  10. rob says

    July 13, 2010 at 2:44 pm

    Hi Kimi,

    Thanks for the help – sorry for late reply – pc crashed saturday and been rebuilding since.

    I’ve attached my site. I’ll go through it again now with a fresh head and see how i get on,

    Many thanks,

    rob.

  11. rob says

    July 13, 2010 at 3:03 pm

    Ok it’s working but not exactly. It’s placing the images on the frontpage but not where the theme I’m using would like – you can see by clicking my name – link behind.

    I’m wondering, I’m quite happy to pay you using paypal if you wouldn’t taking a look.

    Thanks again,

    rob.

    • Kimi says

      July 13, 2010 at 5:58 pm

      @rob, I have made a quick tutorial using your theme here:
      https://www.wpvidz.com/display-image-post-in-squared-2-theme/

      The video is waiting to be compressed, but if it works out then you don’t need to see the video πŸ˜‰

      Your theme is using custom field to add thumbnail, so you don’t need to add any codes above.

      I may put a donation button of this blog, if we talk about payment, but someday.

      Let me know if that post helps.

  12. Jasper Kennis says

    August 2, 2010 at 11:02 am

    You just saved me so much time looking for references for this, thanks!

    • Kimi says

      August 2, 2010 at 11:57 am

      @Jasper Kennis, I am glad it was useful.

      Thanks for your nice comment!

  13. Jon says

    August 18, 2010 at 8:13 pm

    Great video, thanks Kimi

  14. Terrence says

    August 19, 2010 at 8:51 am

    I was wondering how could i get this done in the frontpage?

    • Kimi says

      August 20, 2010 at 12:14 pm

      @Terrence, hello there,

      It really depends on your theme, if you want to have it in the front page, for twenty ten, it is in loop.php file, but most of themes use index.php for the front page.

  15. deepesh says

    August 19, 2010 at 10:31 am

    hi ,
    i have problem i can’t get the feature image in wordpress 3.0 i want the feature image out of loop .. i had like this code…
    echo ”;
    if(has_post_thumbnail($PostId2)) {
    $imgdps = get_post_thumbnail_id($PostId2);
    echo $thumbnail;
    echo”; //the_post_thumbnail(‘d-featured’,$PostId2);//the_post_thumbnail(‘d-featured’ );
    } else {
    echo ”;
    }

    • Kimi says

      August 20, 2010 at 12:13 pm

      @deepesh, Hi there,

      I guess it depends on the theme you are using. The tutorial is using twenty ten.

      I can’t help with your code, you might want to ask in wordpress.org support forum, good luck.

  16. Terrence says

    August 20, 2010 at 12:30 pm

    My theme is based on the Twenty Ten theme. Basically i want to have featured image on the side like psdtuts.com

    • Kimi says

      August 20, 2010 at 4:31 pm

      @Terrence,

      The tutorial’s result above will have twenty ten having thumbnails with the image floating to the left (as image)
      featured image floating to the left

      And if you want to have it like psd tut, the method is still the same but the css will be different. The result will be as in image. I suggest you to hire a coder to tweak your theme, but be careful with scammers.
      like in psdtut.com

  17. Luis Rivera says

    August 25, 2010 at 10:11 am

    Hi,

    I think Kimi can help me =(
    It’s my first WP-Theme mood.
    Im having the same problem that Terrence but to make it easyer i just switched to the original Twenty-Ten Theme, so you can help me….

    1st. I placed the code

    2nd. I notice you say before that we should place first this into the loop:
    add_theme_support (‘post-thumbnails’);
    if (function_exists (‘add_theme_support’))
    add_theme_support(‘post-thumbnails’);

    but i didnt because i dont know where in the loop i should place it and i saw that they already have part of this code…. well, just add_theme_support (‘post-thumbnails’);

    im a bit lost… please help me

  18. Luis Rivera says

    August 25, 2010 at 11:10 am

    ok ok…. forget about this =)
    i found the error…. and probably other people will get the same… theres to lines with almost the same code and when someone try to find the pice of code that should be below is probably getting the second one….

    i fixed putting it on both places.

    another point is that i dont know if its because im using WP 3.1 but with the fix you just explained, the “Post Image” or “Featured Image”(as is called in WP 3.+) just make the image appear beside the post’s in the blog, but not in single pages or any other page, so everybody should remember to call the function in every template page they want it to appear.

    In my case, im creating a site using WP as a CMS, and almost every single page has a Featured Image beside the content, this feature will be great for my client and me because now he just need to select the image, from this ui label, and the code auto adjust the size and keep the site look as clean as posible.

    if any one is looking how to make the thumbnail’s have an specific size follow this link, its helps a lot http://support.bavotasan.com/topic/how-to-set-the-post-thumbnail

    Kimi, my rewards.

    • Kimi says

      August 25, 2010 at 12:16 pm

      @Luis Rivera, Hey there,

      If you use twentyten theme just follow the tutorial above (also video) it will work.

      But if you have other themes, it really depends on the themes, you can also add codes add_theme_support line above in “functions.php” not in loop.php. (in twentyten’s functions.php, this code is already in by default).

      The tutorial above will show the thumbnail only in “home” page, if you want to add it in post page, then pasting the same code in single.php will work.

      Remember always to be consistence with the size, because cropping it online, will make your blog slow.

      I have checked the link, it was made for specific theme, didn’t try the plugin, but i personally would not use plugins if it can be solved manually.

      Thanks for the useful link Luis, and good luck.

      • Luis River says

        August 25, 2010 at 11:00 pm

        @Kimi, hmm…

        so, set_post_thumbnail_size( 150, 150 );

        is not a good way to crop the images on my blog?

        Cuz im looking the easyer way to allow my client be able to do most of the changes minimizing the damage on the look…. and as you know for sure, they never understand if ask them to upload the images with an specific width and height.

        suggest me the most recommendable way for this please.

        • Kimi says

          August 26, 2010 at 6:57 am

          @Luis River, hey

          As i am aware of, it is not good to crop the images which is larger from the original.

          Page load speed is the reason, but i suggest you asking wordpress.org support team to get a best recommedation:)

  19. Deepak G says

    August 26, 2010 at 5:49 pm

    @Kimi,
    As per tutorial, I did everything..but featured post is not appearing on homepage of my blog..(www.DigitGuide.com)
    Can you please tell me..what may be the problem..?

    • Deepak G says

      August 26, 2010 at 6:13 pm

      @Kimi,
      Thanks..
      now I resolved it..
      it was my homepage_excerpts plugin which was causing problem..
      just changed plugin setting to “Number of posts to be displayed fully” and it Worked..
      Thanks again..

      • Kimi says

        August 26, 2010 at 8:34 pm

        @Deepak G, Awesome” Thumbs up that you found out the problem was.

        I have checked it, i see the images:D

  20. Akash Padhiyar says

    September 9, 2010 at 9:44 am

    i am using Free Image Hosting Sevrer then How to Set featured image .?

    • Kimi says

      September 9, 2010 at 5:16 pm

      Unfortunately i don’t know.

      But i guess it is not possible, unless those images have dynamic links that are organized.

  21. Akash Padhiyar says

    September 9, 2010 at 6:59 pm

    Its ok .if u find solution then pls mail me..

    • Kimi says

      September 10, 2010 at 3:11 am

      I certainly will. Thanks for coming by.

  22. wade says

    September 12, 2010 at 11:10 pm

    Is there a way to set a default image for a specific category and have a different default image for each category?

    • Kimi says

      September 13, 2010 at 5:16 pm

      Hi wade,

      I am not sure about it, but i guess it is possible if we can tweak the theme, my php knowlegde is not that far πŸ™ sorry.

      Thanks for leaving a comment.

  23. Gouri says

    September 17, 2010 at 3:16 pm

    Hey Kimi, Thanks for this helpful post..

    • Kimi says

      September 17, 2010 at 7:35 pm

      You’re most welcome, glad you found it useful πŸ˜€

  24. Matheus Felipe says

    October 17, 2010 at 3:41 am

    Show de bola a video aula valeu, brigado tava procurando a muito tempo esse tutorial para vazer minis posts na homer do meu site…..

    • Kimi says

      October 17, 2010 at 8:01 am

      Gracias! =D

  25. Parijs says

    October 28, 2010 at 10:16 am

    Tnx for this post i was looking for how to use featured image tryed wordpress.org but this explains it way beter! πŸ™‚

    • Kimi says

      October 28, 2010 at 1:51 pm

      You’re most welcome! Glad it was useful.

      Thanks for your nice words Parijs.

  26. Mike says

    November 5, 2010 at 3:26 am

    Kimi,
    My featured images are set up and working, however I have not been able to successfully make them clickable to the entire post…

    this is where my code for this function is, could you show me where to insert the href?

    ?php

    unset($cimage);

    $cimage = catch_that_image (get_the_id(), ”, ”, ” .get_bloginfo(‘template_url’) .’/scripts/timthumb.php?zc=1&w=130&h=50&src=’);

    if ( current_theme_supports( ‘post-thumbnails’ ) && has_post_thumbnail() ) {

    the_post_thumbnail(array(234,9999, true)); } ?>

    • Kimi says

      November 5, 2010 at 8:49 am

      Hey Mike,

      I have made a tutorial here: https://www.wpvidz.com/wordpress-clickable-thumbnail-link/

      I didn’t use functions.php file for it.

      I hope this helps.

  27. Ben says

    December 4, 2010 at 4:57 pm

    This is really helpful. many thanks Kimi

    • Kimi says

      December 6, 2010 at 5:51 am

      Ben,

      You’re most welcome! Thanks for leaving a message.

  28. Erik Fors-AndrΓ©e says

    December 8, 2010 at 10:48 pm

    Think I posted this on another post first… sorry.
    Thanks for a great tutorial. I’ve managed to get the featured images to display, but I can’t get the styling right. I’ve used the exact same css as in your example, but still no success, why?

    • Kimi says

      December 8, 2010 at 10:55 pm

      Hi there, Erik,

      Do not be sorry, i had a problem with my theme’s modification code, since i switched to a new theme today πŸ™‚

      So it is not your fault. However i checked your website, and checked the css file, you did put the code incorrect πŸ™

      Here is the screenshot (it should work if it is pasted in the bottom of style.css)
      floatfeaturedimagecss

      In the image and in the tutorial you should paste the piece of the css code right in the VERY bottom of style.css

      I hope this helps.

      • Erik Fors-AndrΓ©e says

        December 8, 2010 at 11:06 pm

        Thank you VERY much! You rock!

        • Kimi says

          December 8, 2010 at 11:12 pm

          Just checked it, it works!

          Most welcome, glad it helped.

          Best luck to your new blog!

  29. Erik Fors-AndrΓ©e says

    December 8, 2010 at 11:15 pm

    btw, can the featured images be displayed on category pages too? I’ve tried but didn’t succeed πŸ™

    • Kimi says

      December 9, 2010 at 7:14 am

      I guess it can. But I have not tried it yet.

      Thanks for the idea, may will create a post on that too. You can subscribe to the feed if you want πŸ™‚

    • Huong Tinh Vu says

      February 8, 2011 at 1:47 am

      Look for code:

      and add right below

  30. aswin says

    December 23, 2010 at 9:45 am

    Hi
    I have some Q here,
    When I set a image as featured image I am geeting that and thumbnail is also created on the homepage .
    I want something like that featured image shouldn’t be in that post content
    It should be only in the home page as thumbnail
    Is there any way to do that ?

    • Kimi says

      December 23, 2010 at 11:16 am

      Hello Aswin!

      In the tutorial, i use Twenty Ten theme, and display only on “home page” and not in the post content.

      If you are using the same theme, follow the video.. But if you use another theme, then it should have different code, you can ask the theme developer..

      I hope this helps..

      Regards,

      Kimi.

  31. Patrick says

    February 9, 2011 at 5:06 pm

    What if I ONLY want thumbnails on category archive pages?

    • Kimi says

      February 11, 2011 at 7:22 am

      Hi Patrick,

      I have posted here: https://www.wpvidz.com/category-featured-image-thumbnails-in-wordpress-category-page/

      I hope that helps.

  32. Konde says

    March 7, 2011 at 12:12 pm

    This not working when we have turn on multiuser mode.
    Please Help.

  33. shweta says

    March 11, 2011 at 9:59 am

    You can use for getting the thumbnail version of the featured post.

    Shweta

  34. Leo says

    March 18, 2011 at 3:36 pm

    Thank you so much for your tip. Your video really helps a lot for newbies like I am.

    • Kimi says

      March 18, 2011 at 4:16 pm

      I am glad it helped, Leo!

      Thanks for leaving a message, Good luck with the new blog πŸ™‚

  35. Erik says

    March 19, 2011 at 8:33 pm

    Hi,

    Just saw your site by a tip. Hope you can help me, can’t find an answer to my q.

    I’m using a free theme (designpile) for wp 3.1. But i can’t figure out how to put featured image on the feautured post. I see the thumbnails but no image in the featured post. The documantion siad:For the image of featured post you need to add a custom field called “featured_img” with the full path to the image as value.”

    I dond’t know what the mean exactly here. Can you help me??

    Many thanks! (sorry for my bad Englisch:-( )

    • Kimi says

      March 20, 2011 at 10:17 am

      Hello Erik,

      I have bad English as well πŸ™‚

      I have made a tutorial : https://www.wpvidz.com/display-image-post-in-squared-2-theme/
      The tutorial uses squared 2 theme, and it is also using custom field, called “image”

      Please watch the tutorial, but instead typing “image” as custom field, replace it with “featured_img“.

      I hope it helps

      Kimi.

  36. Lawrence says

    March 20, 2011 at 6:10 am

    Hi Kimi,

    This video and post were extremely useful and enlightening!

    On a different note, I’m wondering how you get get a website preview thumbnail when sharing/posting your websites’ link on facebook? When doing it with most any website there’s a little image/thumbnail and little desrciption on the side that shows up but nothing happens for my website when I share it on Facebook.

    Any ideas?

    Thank you in advance for your help!

    Best,

    Lawrence

    • Kimi says

      March 20, 2011 at 10:19 am

      Hi Lawrence,

      Yes, you can actually show thumbnails and its decsribtion in Facebook, but you have to add some codes, which you can Google. I ever read somewhere, but never really tried it, because I use twitterfeed and it displays automatically.

      Kimi.

  37. Erik says

    March 20, 2011 at 1:13 pm

    Hi Kimi,

    Thanx for your quick response!

    I found out what was the problem. In wp 3.1 no “custom field”is showing bu default. So i had to put it on in “screen options”. Because of my wp-lang. (dutch) i didn’t reconize “custum field” in screen options. But now i know it had to be there and it worked now! Thanx for your help, i will come back to this helpfull site!

    Greetz,

    Erik

    • Kimi says

      March 21, 2011 at 10:52 am

      Hi Erik,

      Aaaaaaaah, ya, the screen option is hidden.

      Glad it worked out at the end!

      Thanks,

      Kimi.

  38. Lawrence de Laubadere says

    March 20, 2011 at 8:57 pm

    Thanks Kimi! Have searched and seem to have found an answer, now the key is get it to work!;-)
    Best,
    Lawrence

    • Kimi says

      March 21, 2011 at 10:52 am

      Awesome Lawrence, glad you found the answer!

      Kimi.

  39. Matth says

    March 31, 2011 at 10:03 pm

    So cool. It worked!
    I’m surprised “Featured image” isn’t available on the backend by default. Glad to see how easy it was to add. Thanks!

  40. Keith Davis says

    April 3, 2011 at 2:04 pm

    Hi Kimi
    You make it look very easy.
    Took you a few minutes – would take me a couple of hours. LOL

    Just had to use “set featured image” on my updated theme.
    Just as well my theme supports it.

    BTW – do you do any videos on Genesis theme framework?
    I’ve just bought the developer package to set up a few company websites.

    Thanks for showing us how.

    • Kimi says

      April 4, 2011 at 6:07 pm

      Hi Keith!

      No, I don’t have premium theme videos, I don’t want to make it, because they have own forums πŸ™‚

      I hope you will like your new theme!

      Thanks

      Kimi.

  41. Roger says

    May 22, 2011 at 3:53 pm

    I’m using Twenty Ten 1.2. “excerpts” summary only.

    I have added ” is_home() ” in this line so all my post show summery.

    can I still call an image in excerpts mode? your method does work if i dont have summary only for home page.

    • Kimi says

      May 27, 2011 at 6:37 am

      Roger,

      I have never tried that method.

  42. Brad Leyten says

    May 30, 2011 at 6:37 am

    Thank you!!! Thank you!!! Thank you!!! I could not for the life of me figure out why some themes give the link to set featured image and some didn’t with my recent install of WordPress Multisite. Keep up the good work!!!

    • Kimi says

      May 30, 2011 at 7:32 pm

      Most welcome, Brad!

      Come over soon πŸ™‚

  43. Farhana says

    May 30, 2011 at 9:44 pm

    Hi I used your tutorial and for some reason I can’t style the image at all… It just stays in it’s original size.. Is there a way for me to fix that?

  44. dan man says

    June 30, 2011 at 8:42 am

    hey kimi! great article but for some reason when i have multiuser mode on, its not working. would u know how to resolve that issue?

    • Kimi says

      June 30, 2011 at 2:57 pm

      Hi Dan,

      Welcome to a newbie blog πŸ™‚

      I have no experience on multiuser wp unfortunately..

      I hope you will find solution soon.

  45. Kaela says

    June 30, 2011 at 7:11 pm

    Thank so much! The theme I had seemed to use a featured image, but there wasn’t any way to set WHICH one was picked if I had more than one image on a post. This helped save me the big headache of fiddling and guessing, thanks a bunch!

  46. Martin says

    July 3, 2011 at 7:27 pm

    Hi Kimi!
    Just wanted to let you know i tested your code and stuff on wordpress 3.1.4 and it works with one slight alteration.

    in the style.css, when i named the class “.attachment-post-thumbnail”, the image didn’t float. So i inspected the image and found out that my browser wanted “img.attachment-post-thumbnail” as the class name. You might want to add something up in the post about that πŸ˜›

    great idea! thanks for getting it out there,

    -Martin

    • Kimi says

      July 4, 2011 at 7:06 am

      Hi Martin!

      Thanks for the catch-up.

      I have checked withj wp 3.2 beta, and the css code above still works. Only now the loop.php is changed.

      I might create another new post about it.

      Thanks to point it out, I truly appreaciate it!

      Kind regards,

      Kimi.

  47. bagyojose says

    July 7, 2011 at 7:51 am

    good idea, thanks.

  48. Jen says

    July 16, 2011 at 5:55 am

    We have a image problem that occurs only on main page.. When you go to facebook and you and you click on link and you put in goldleafspiceandteas.com/ it doesn’t show the title, description and shows up this EVIL jewerly image. When want the logo goldleafspiceandteas image to appear.. It works correctly on the posts and pages.. But I take the reason why it’s not working is because the index is not inside of wordpress itself so therefore, that’s probably why it’s not working. When I double click the image and save it on my desktop that image comes up as php file called safe_image.php

    I wounder this code will work??

    • Kimi says

      July 16, 2011 at 6:44 pm

      Hi Jen!

      Unfortunately I have no idea how it will work with Facebook, as I have never tried..

      Kind regards

      Kimi.

  49. Alan Turner says

    July 23, 2011 at 11:01 pm

    Hello Kimi

    I’ve hunted the internet for a solution and can’t find it. You however seem to be the closest and therefore my expert!

    If you check the website: http://www.alanturnerimages.com

    It opens to the blog. I want to click on the image and for the image to open full size.

    At the moment when you click on the picture it opens to the post and then you have to click on the image in the post to get it full size.

    In essence it creates 2 clicks to open the picture.

    I am not an expert so please (if you can help) go slowly.

    Can you help?

    Rgds
    Alan

  50. Alan Turner says

    July 23, 2011 at 11:21 pm

    It’s okay. I solved it and it works.

    Rgds
    Alan

  51. Naomi says

    July 26, 2011 at 7:27 am

    Hi,
    Thanks so much for the tutorial. It was just what I was looking for.
    I have managed to get the set featured image activated as per your instructions. But, I am having problem with aligning the image with the post. I have placed the code .attachment-post-thumbnail{width:200px; height:200px; padding:10px 20px 10px 0; float:left;} at the very bottom of style.css but nothing happened. What could be wrong?

    By the way, where do you go to check whether the image is called attachment-post-thumbnail? I am using twenty ten theme. for your information.

    Thanks so much.
    Naomi

  52. Zach Milne says

    August 1, 2011 at 11:04 pm

    Oh my gosh! I could not figure out what I was doing wrong. That little evasive “add as feature image” link! Thanks for your hep. It works perfectly now.

  53. Alejandro sanchez says

    August 20, 2011 at 1:43 pm

    hi! recently i’m having a problem… i believe it started when i installed a plugin for automatic post publishing on fb (already uninstalled).

    now everytime i paste the link on facebook an image appears instead of the 1st image of the post.

    this only occurs when there’s one image on the post and when the image is located BEFORE the “READ MORE” code, else everything goes ok…

    would you be so kindly to help me out? i haven’t found an answer cause really don’t know how to search for that specific problem :S

    i’m using the latest version of wordpress (3.2.1)

    THANKS!

  54. Kat says

    August 21, 2011 at 6:49 pm

    Don’t know if you still answer these questions here, but I’ll give it a shot.

    I am using this feature on my new blog right now, and running into an issue with using the same feature image more then once. Apparently it attaches the photo to the post, so you can’t use the image more then once. However for my basic news updates that don’t have photos within it, I want to alternate between two images. I can’t find ANY info on how to go about doing this other then uploading the same images over and over and over again and thats just not a doable option for me.

  55. Rafael John says

    August 29, 2011 at 4:11 am

    hi I have made it adding featured images in my home post, but when I try to view that post via categories, the post shows but no preview image. can someone help me please?
    here’s the site im working on
    http://flamedidea.byethost31.com/
    you can see that the 2nd post has feature image now, but
    when you click my main menu portfolio, that post will show but the thumbnail I set is gone.

    • Kimi says

      August 29, 2011 at 5:40 pm

      Hi Rafael,

      Welcome to my blog,

      To display on the category page, I actually posted in this link:

      https://www.wpvidz.com/category-featured-image-thumbnails-in-wordpress-category-page/

      I hope this helps, regards,

      Kimi

  56. Jackie says

    September 1, 2011 at 1:19 am

    THANNNNNNNNNK YOU! You are the BEST!

  57. Chris says

    September 26, 2011 at 4:17 am

    Funny enough, I’ve got the opposite problem from Raphael –

    My wordpress theme is like a news website, and uses a “Featured Image” from a blog post on the front page. Does anyone know how to feature an image WITHOUT having to have it show up in the actual post? Love the post, btw, I’ve been taking full advantage of the feature.

  58. Chris says

    September 26, 2011 at 4:21 am

    You know, I sort of figured it out 10 seconds after posting that – when you’re uploading a featured image, you can click “USE AS FEATURED IMAGE” without ever having to click “INSERT INTO POST”. Unfortunately, I don’t think there’s an option to do that when you’re drawing from the galleries created by the plugin I use to manage photos.

  59. Gowtham says

    January 29, 2012 at 8:11 am

    Nice tutorial.Very helpful to use featured thumbnail image in my homepage.Thanks for sharing.

  60. Alex says

    January 30, 2012 at 10:50 pm

    Hello, I finally found the answer that I was looking for.I use ctr theme and I don’t have menu in admin panel.Now I am edited through your greate video.I still have a problem with loop.php file.I don’t have any code “<?php the_content( __( 'Continue reading →’, ‘twentyten’ ) ); ?>”
    Here is loop.php on paste bin:
    http://pastebin.com/embed_js.php?i=93RgJFcR
    Can anyone tray edit the code ?
    Thank’s

  61. Andy says

    March 4, 2012 at 8:05 am

    Thanks for the video. It was excellent, great instructions, and helped me find the answer I was looking for in less than 2 minutes! Great job!

    • Kimi says

      March 4, 2012 at 5:44 pm

      Hi Andy!

      Glad it was a help

      Thanks for leaving a comment

      Kimi.

  62. Salam Kudhus says

    March 10, 2012 at 9:22 am

    Hi!

    I have tried to add a feature image to my posts. Unfortunately the option dialogue box is being hidden in bottom left of the screen. I can see only a tiny portion of the dialogue box.

    I cannot move it to click the upload option but the Cancel link is half visible.

    Please help

  63. kesty says

    April 16, 2012 at 7:46 pm

    thank you for the great how to ;]]

  64. jason says

    May 1, 2012 at 1:05 pm

    You are a god thanks! that bit of code worked a treat

  65. georges says

    May 9, 2012 at 7:04 pm

    realy thanks, a great tutoriel, that helped me in solving the featured image πŸ™‚ keep on,
    My blog: blog.georges-aoun.com

  66. Rahul says

    May 23, 2012 at 12:12 pm

    Indeed a very useful information, thank a ton friend

  67. David says

    June 18, 2012 at 6:08 pm

    How do I add a caption to my featured image when I hover over it with the mouse?

    Thanks

  68. Devon says

    September 5, 2012 at 8:21 pm

    It doesnt work in the latest wordpress.What I want to do is to automatically add an image when a new post is published.

  69. Adam smith says

    December 20, 2012 at 9:28 pm

    I already know how to make pictures featured but every featured image appear on the 1st paragraph on the post.
    how i make the image appear featured only and not appear on the post.
    help please!

Trackbacks

  1. Links Of The Week: Part 1 | WebMaster-Success.com says:
    June 27, 2010 at 7:04 pm

    […] WordPress 3.0 β€œset featured image […]

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept