Display Thumbnails For Related Posts in WordPress

Display Thumbnails For Related Posts in WordPress

In this tutorial you’ll learn how to increase pageviews by adding thumbnails to related posts using the popular YARPP plugin and WordPress custom fields.

The Goal

Before we start, let’s take a look at the result of what we’re building:

Related Posts with Thumbnails

The sample above comes from the theme of a new One Mighty Roar blog launching next Monday. As you can see, WordPress will place a thumbnail and title for each related post it finds. This will add some bonus attention to the posts, and hopefully generate additional pageviews. Sound good? Let’s get started.

Download the YARPP Plugin

The basis for this tutorial is the popular (and well named) plugin “Yet Another Related Post Plugin” or YARPP for short. We’ve used it on this blog right from the start, and it’s great for generating additional traffic for posts in the same subject. Thanks to the plugin’s latest update, we can now build our own template to display results.

Go ahead and download the plugin now if needed. If you’re installing YARPP for the first time and have questions, I’m going to refer you to the official site for more. This tutorial will start assuming that you have it up and running already.

Create a Related Post Template File

You’ll notice that when you install the plugin, it includes a folder of preset templates for a variety of display options. They are a great starting point for learning the ropes, but since what we’ll be doing is relatively simple we can start from scratch. Begin by creating a new file named “yarpp-template-thumbnails.php” in the root of your theme folder. This file will contain the structure of our related posts display.

The code above says that if related posts exist, it will go through each and display the thumbnail image URL stored in the custom field thumbnail_url which has been temporarily saved into the $related_thumbnail variable. If no URL exists there, it will display the contents of the $default_thumbnail. This check keeps posts from being stuck without thumbnail previews.

Feel free to tweak it as needed. This is a stripped down version meant to demonstrate the inclusion of images and text, but there’s really no limit as to how in depth your template can become.

Insert into Single Template

In order to make sure that our related posts show up as intended, let’s manually insert the function into the single.php using the code below. I recommend placing it somewhere under the_content() tag.

Put simply, this code checks to see if the YARPP plugin is active, and shows the related posts if so.

Customize with CSS

To keep things simple, we’ll just stack the results so that the thumbnail displays on top and the post title on the bottom. Paste the following CSS into your theme’s stylesheet for a good starting point.

Activate The New Template

Now that you’ve built a form for YARPP to render the related posts from, you’ll have to let the plugin know that you want to use the template. This can be done from within the plugin’s option panel in the WordPress dashboard.

Look for the “Display Options” section, and check the “Display using a custom template file” box. This will give you a chance to select the correct template from a dropdown box. If you’ve been following along with my naming conventions, you’ll want to pick “yarpp-template-thumbnails.php” and then save your changes.

Select a custom template

Specifying Thumbnail in Custom Fields

The frameworks are in place, but how do you specify what thumbnail a post will use? The solution is surprisingly simple. When you’re editing a post in WordPress, you’ll notice a section below the write panel titled “Custom Fields.” This is where we’ll paste the URL of the thumbnail to be used for each post.

Adding a Custom Field

Once you’ve pasted in the URL of the thumbnail image to use, update the post and then YARPP should show it when displaying related posts. No extra headache involved here.

Grab More Attention

With image previews for each of your posts, there’s a better chance someone might see something that inspires them. To help you get started, I’ve included a ZIP file below that contains my version of the YARPP template. At the very least, it should help you get started with your own ventures.

Have I left anything out? Need clarification on a step? Leave a comment below. Good luck!

Posted Friday, July 17th, 2009 · Back to Top

SPONSOR

Add Comment

270 Comments 136 Mentions

  1. Bill Author Editor

    This looks like a great idea. When I get my new layout done, I’ll have to play around with this for sure.
    .-= Bill´s last blog ..Easily rename files with Advanced Renamer =-.

    ·

  2. Nicholas Z. Cardot Author Editor

    I played around with that for a while and never got it to work how I liked it. Now with your tutorial I can probably get it done. Thanks!
    .-= Nicholas Z. Cardot´s last blog ..Fire Up Your Passion for Blogging =-.

    ·

  3. sriganesh Author Editor

    thanks for good tutorial, its easy and understandable,but i getting no related post, even though i add three post under same category and tags also named for three post. why it happeing.?? will you reply for this.
    [* note. i have only three post for now: newly launched blog :lol: ]
    .-= sriganesh´s last blog ..photoshop tutorial on retouching =-.

    ·

  4. T-Law Author Editor

    That’s great, all in one place. Thanks.
    .-= T-Law´s last blog ..tomaslau: 40 Sources To Download High-Quality Free #Photoshop PSD Stuff http://tinyurl.com/l68 =-.

    ·

  5. Zach Dunn Author Editor

    @sriganesh

    I would recommend that you lower the related threshold. By default, it requires something like 5 commonalities before associating posts. If you have a new blog, it’s entirely possible that no posts meet this requirement.

    You can do this through an item in the YARPP options panel.

    ·

  6. ElanMan Author Editor

    Thanks a lot for this post :)
    I’ve actually never heard of YARPP (I know, I need to catch up).
    Shall be giving it a whirl very soon :)
    .-= ElanMan´s last blog ..Create Your First AJAX Request (Part Three) =-.

    ·

  7. Epic Alex Author Editor

    Brilliant tip Zach! I had actually just implemented something very similar on my soon-to-be-launched redesign when I came across this post. I also added a bit of jQuery so that I could have a conventional list of related posts with one image showing next to the list, and then on mouseover the image changes depending on the link being hovered.
    .-= Epic Alex´s last blog ..Site Redesign Preview =-.

    ·

  8. Jake Rocheleau Author Editor

    This is great! I have never thought of using something like this before in my blogs, but now that I can see how easy it is to implement I might have to add it.
    .-= Jake Rocheleau´s last blog ..Getting Inside Web Design Dev with Creator Michael Dunlop =-.

    ·

  9. Shurandy Thode Author Editor

    Nice tutorial. :) I implemented it with no problem. I give u props for this nice tutorial and will suggest it to others.

    Greetz

    ·

  10. Andrew Author Editor

    Thank you for this! Just implemented it on Primer and it works great!
    .-= Andrew´s last blog ..Five Terrifying Dinosaurs That Deserve More Attention =-.

    ·

  11. Felipe Martyn Author Editor

    Thanks for the tutorial… very interesting and helpful…

    ·

    • deep Author Editor

      Thanks for the tutorial… very interesting and helpful…

      ·

  12. Rob Author Editor

    Nice, images draw visitors in, and I have been looking for something just like this.
    .-= Rob´s last blog ..The Best Search Engine Again – It’s Still Not Google =-.

    ·

  13. Ionut Ciursa Author Editor

    I have just added thumbnails for related posts to my blog. Thanks for making this so simple!

    ·

  14. vinoth Author Editor

    But filling up custom fields every time is really a headache job.. is there any cure for that??
    .-= vinoth´s last blog ..Creating Emergency Boot up Rescue Disk =-.

    ·

  15. sriganesh Author Editor

    @ thnaks for the reply and i changer it to 3, even thought it comes. you can see in ma site. and by the way this week i llpost 5 more post. ill try then ill tell u sir.
    .-= sriganesh´s last blog ..photoshop tutorial on retouching =-.

    ·

  16. Self help blog Author Editor

    Great post thanks, I’m now using it with small adjustments on my site.
    .-= Self help blog´s last blog ..How To Lose Weight Without A Diet =-.

    ·

  17. eddai Author Editor

    Hi Zach, that’s great tutorial. I use ephoto theme from elegantthemes.com. In this theme, I use “thumbnail” custom field by default. will it work for me to change “thumbnail_url” to “thumbnail” basically ?
    or how should i mofiy php template ?
    Thanks
    .-= eddai´s last blog ..Kurdele İşi Klozet Takimi Ornekleri – 2 Yakin Çekim =-.

    ·

    • Zach Dunn Author Editor

      @Eddai

      As long as the “thumbnail” field contains a valid image URL, you should be all set. Just find and replace all instances of “thumbnail_url” with “thumbnail” in the YARPP template. Also, make sure that you update the CSS to reflect the correct size (if it’s different). Good luck!

      ·

  18. eddai Author Editor

    Yes Zach, did it it really works charm now!
    I had requested this feature on elegantthemes forums and had been waiting for a long time until seeing your quite simple tutorial.
    Thanks!
    .-= eddai´s last blog ..Kurdele İşi Klozet Takimi Ornekleri – 2 Yakin Çekim =-.

    ·

  19. monts Author Editor

    excellent!! never realized the templates were in the root of the themes. i was changing/adding template code here in plugins/yet-another-related-posts-plugin/yarpp-templates directory. thanks

    ·

  20. Dicky Author Editor

    Hey, this is a very cool use of Yet Another Related Post Plugin(YARPP) together with the custom field. Thanks!
    .-= Dicky´s last blog ..65 Absolutely Cool And Creative Twitter Backgrounds =-.

    ·

  21. Stelios Author Editor

    Thank you very much. Your hack gave a new, fresh air, at the related posts section of my blog.
    .-= Stelios´s last blog ..Παπαδάκης Κωνσταντίνος ή Λυρατζάκι =-.

    ·

  22. Martin Author Editor

    Thanks, I was just looking for this. Will have to switch WRP for YARPP though.
    .-= Martin´s last blog ..Movies 2009-06-22 – 2009-06-29 =-.

    ·

  23. James White Author Editor

    Thank you very much for this. Never really considered using YARRP, but thanks to this tutorial I now have related posts at the end of each of my articles and posts!
    .-= James White´s last blog ..Controlling www or no www in .htaccess =-.

    ·

  24. mitcho Author Editor

    Zach, this is a great tutorial! I’d like to collect some good examples of such customized related posts “in the wild” to add to the screenshots section of the YARPP website… if you have a site actively using this with nice thumbnails, perhaps I’d like to use such a screenshot.

    Linked! :)

    ·

    • Zach Dunn Author Editor

      @mitcho

      Thanks for writing such a great plugin :)! If you’re looking for examples, you can check out our latest blog over at Officeal or take a look at some of those who have commented on this post (They’ve implemented it in a number of ways).

      ·

  25. Flex developer Author Editor

    Hmm… Great post. I think it’s very helpful as beginer and as expert :). Thanks

    ·

  26. kelly Author Editor

    I have a large blog that doesn’t use custom fields. Can your tutorial be modified to use the first image found in the blog post for the thumbnail instead of using a custom field?

    ·

  27. kelly Author Editor

    I can’t code if my life depended on it. Any chance of a new tutorial or do you do custom work?

    ·

    • Zach Dunn Author Editor

      @Kelly

      There isn’t really much reason to do another tutorial. You can get in touch here, and we can figure something out.

      ·

  28. Husien Adel Author Editor

    Wow , Great Tutorial ..Thanks for Sharing :) I like It :D
    .-= Husien Adel´s last blog ..9 أسرار تسويقية لمصممي الويب =-.

    ·

  29. Callum Chapman Author Editor

    Excellent tutorial. My blog uses timthumb to resize images to thumbnails… is there way to somehow use that to put it into action with YARPP?
    .-= Callum Chapman´s last blog ..Giveaway: 1,000 Full Colour Business Cards! =-.

    ·

  30. eddai Author Editor

    regarding Callum’s request, I also wonder if we can display resized images to be displayed in related posts.
    as with the default settings, the original images are fetched instead thumbnails.
    my site also uses timthumb.
    Thanks!
    .-= eddai´s last blog ..Çiçekli Havlu Kenarı Örneği =-.

    ·

  31. Karl Foxley Author Editor

    You’ve shared some great info but I’d love to read your feedback regarding Callum and Eddai’s request regarding Timthumb (my site also uses it).

    Regards,

    Karl
    .-= Karl Foxley´s last blog ..CommentLuv For Traffic Generation and Increased Blog Exposure [lbtt] =-.

    ·

  32. Linux Guy Author Editor

    Hi buddy, thanx for nice post though I had nothing to say but then suddenly I happen to notice that your WP -Super cache is not working ;)

    I had similar problem and had to shift my WP site to a dedicated box as shared hosts were not allowing it as WP-SUPER CAChe failed.

    Just see page creation time in different browser. I had spent lots of hours to fix the issue but I guess its fault with WP-Super Cache latest versions.

    Its actually creating new page on every request.

    Solution can be using old version of WP-super cache (if you can) or Run it in “Half Mode” .

    If this thing helps you then do say thanks to me :)
    .-= Linux Guy´s last blog ..How to access my Outside (live ip) form inside . =-.

    ·

  33. thaidigg Author Editor

    it’s really2 cool

    ·

  34. Jaypee Author Editor

    Cool tutorial! I’d love to try this but like what vinoth mentioned, it would be a tedious job to fill up custom fields every time for each related post. It would be cool to have the plugin automatically detect the image, create a thumbnail and resize it using the TimThumb script which my theme also uses.

    If that’s not possible with YARPP, maybe you can create a new plugin that does all that?

    Anyways, good job with this tutorial and looking forward to more cool tutorials. :)
    .-= Jaypee´s last blog ..Google Certified Ad Networks =-.

    ·

  35. eddai Author Editor

    I have applied following to my yaarp template and now it fetches thumbnails..change the code in line 23 with the following

    <img src="/timthumb.php?src=” alt=”” />

    ·

  36. eddai Author Editor

    sorry..code does not completely appear..i do not know how to post full code here..

    ·

  37. Amazooo Author Editor

    Lots of stuff to do =.=
    I just need a simple one :(
    .-= Amazooo´s last blog ..Swine Flu Vaccine Urged For Pregnant =-.

    ·

  38. Pallab Author Editor

    I hope someone will create a free plugin for this, which will also automatically fetch the first image from each of the related posts (and alternately display a default image).
    .-= Pallab´s last blog ..Monitor Your Bandwidth Usage With Networx =-.

    ·

  39. Ezuca Author Editor

    This is really a helpful plug-in to keep your visitors. But I just noticed that this site doesn’t use it.
    .-= Ezuca´s last blog ..70 FREE and Most Downloaded WordPress Themes =-.

    ·

  40. Swift Author Editor

    I’ve gotten it to work in the way that it fetches the first image of each related post. Will be putting up a post on that on my site later on.

    It is rather simple actually, just search up on how to fetch the first image and then edit the code accordingly.

    Thanks for the great idea of putting images besides related posts, never actually thought of that before! Great stuff!
    .-= Swift´s last blog ..Happy Teachers’ Day 2009 =-.

    ·

  41. Joe Author Editor

    Thankyou very much for this article. It has helped me a lot!! You’re great! :)

    ·

  42. Freakenstein Author Editor

    @Jaypee That is possible with an excisting addon:
    WP-Choose-Thumb: http://wordpress.org/extend/plugins/wp-choose-thumb/

    In this script change on line 16 “thumbnail_url” to “wct_thumb”

    Awesome combination =)

    (sad thing is, i was using another plugin at first, so have to change all my thumb)
    .-= Freakenstein´s last blog ..Dikke Duim voor HTC =-.

    ·

  43. info bisnis Author Editor

    what a GREAT, thanks for the thumbnails Bos,pram from Indonesia say Hello, and best wish for you Zach.
    .-= info bisnis´s last blog ..Badan Penanaman Modal Kabupaten Banyumas =-.

    ·

  44. Greg Author Editor

    I’ve tried following your tutorial, but am having issues with it showing up. I’m using the “Atahualpa” theme. I do not have a single.php file, and I think that is the problem that is preventing the related posts from showing up. Where would you recommend inserting that function?
    .-= Greg´s last blog ..September 11th, Patriot Day and Baked Macaroni and Cheese =-.

    ·

    • Zach Dunn Author Editor

      @Greg

      You’re going to have a difficult time adding in minor tweaks without a single.php. I recommend you make a single.php based on the index.php page. Then you’ll be able to work in things like this tutorial without any headache.

      ·

  45. bedava Author Editor

    Hi Zach,
    Many templates doesn’t use thumbnails for posts. So I guess it would be nice to add a feature to automatically insert the first image file in posts as a thumbnail image. There is such a plug called linkwithin and I use it on one of my blogs http://www.freemoneyguide.com
    .-= bedava´s last blog ..bedava sms: freesms ile bedava sms gönderme =-.

    ·

  46. Jo Author Editor

    I am already running a blog without using costume code for posts. Does this plugin grab the first image or do I have to edit all my posts? (it will very difficult to do so, I have almost 800 posts so far).

    ·

  47. Mansur Author Editor

    Awesome tips…

    Please make intergration between autothumbnailer with existing custom field

    timb thumb:
    http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/

    would be less maintenance and easy to post content without extra effort to post thumbnail images.

    sorry for my englsih…
    .-= Mansur´s last blog ..Apprecite Beauty =-.

    ·

  48. roger Author Editor

    yarpp is worst plugin i have come across

    you can check Contextual Related Posts which give u better result, i did testing with only 3 post same topic about the same product in my test blog where yarpp give no related post and Contextual Related Posts give me all the 3 post as Related Posts

    ·

    • Zach Dunn Author Editor

      @Roger

      Sorry to hear that you didn’t have much luck with YARPP, but based on your experience I wouldn’t rule it out so quickly.

      I suspect you overlooked some of the settings in the YARPP panel that allows you to set minimum related level. This means that instead of matching posts based on title alone, other criteria (tags, category, etc) must also be present. It helps keep things related on deeper levels, and is a common thing to overlook.

      I think it’s a wonderful plugin, and hopefully you’ll give it a second look.

      ·

  49. Roy68 Author Editor

    Maybe windows installed in your house are not as good Sweden but the one I have installed are. ,

    ·

  50. Avinash Author Editor

    Zach, works great, thanks for the tutorial, If I want to display 10 related posts with 5 in each row, can you suggest the css modifications, i’ve tried changing the css but its not uniform for all posts, i mean in some cases the the related posts in the second row are not in one line, would appreciate your help..
    .-= Avinash´s last blog ..Copytrans Manager – Free, Portable iTunes Alternative =-.

    ·

  51. Come Faccio Per Author Editor

    just one question: does’t it work if my custom field has already images that are hosted on imageshack?or it works only with images hosted on the site domain?

    ·

  52. Ezuca Author Editor

    the zip can never be installed because it has an invalid header….any solution to this? i’ll cordially appreciate it..
    .-= Ezuca´s last blog ..Top 20 of the Best Wii Games =-.

    ·

    • Zach Dunn Author Editor

      @Ezuca

      The zip attached is just of source code to be used inside of WordPress. It is not simply a plugin file to be installed. Sorry for any confusion!

      ·

  53. BryanV Author Editor

    Master Zach, lol.

    Is there a way to Customize with CSS, so that the image size will just be 70×70? please..
    .-= BryanV´s last blog ..PINOY KALAMAY =-.

    ·

  54. Thomas Author Editor

    Really useful article !
    BryanV, I just put a 70×70 image with the thumbnail_url name, and it works. You just need to change the width (in CSS) 120px by 60 or 70 px.

    Is there a way to remove the text, and only display the images ?

    Thanks.

    ·

  55. Jehzeel Laurente Author Editor

    Is there any way to customize this? Instead of getting the thumbnail image from the custom fields, the script will just get the thumbnail from the first image uploaded in the post? Woooooooot…

    ·

  56. Harsh Agrawal Author Editor

    Thanks Zach for such a wonderful post, Though earlier I was using link within widgets to show related posts with thumbnail, recently I started using wp-thumbie plugin which picks up the first image from the post to show related post.

    ·

  57. Bryanv Author Editor

    $default_thumbnail = ‘default-image.jpg’;
    <img src="” alt=”” />

    Where should I upload the imge for default-image.jpg ?

    Please help..

    ·

  58. Inglid Author Editor

    The images are showing up too big. How to solve this?

    ·

  59. paff Author Editor

    Hi, can you tell me what code can I add to the php file so the thymbnails are resized to lets say 100px x 100px

    I’m already using a custom field, but now the pictures are huge and I need to set custom size, please help.

    ·

  60. Zach Dunn Author Editor

    @Bryan V

    Just put the URL of your image there. I recommend using absolute paths to avoid any confusion.

    @Inglid and paff

    From the looks of it, I don’t see anything in this script that would cause the images to be different sizes. Perhaps some of your theme’s CSS is conflicting? If so, you’ll want to add in styles to specify the size.

    ·

  61. erkeni Author Editor

    Thx for the tutorial, so far I manage to get thumbnail display on all related post, but need some time to add thumbnail for all older posts.

    ·

  62. Thomas Author Editor

    Anyone know how to diplay only the thumbnails and remove the title of the article ?

    Thanks.

    ·

  63. katherine Author Editor

    Thank you!
    There is some problem – I add custom field, write image url, but there is no thumbnails, just text… How to solve this???

    ·

  64. IVAN Author Editor

    many thanks .. helped me alot :) ♥

    ·

  65. ThunderWolf Author Editor

    This is a bit miserable, since i have to add a image every post i make. This makes my time fly away.

    At first impression it sounds like the 100% related posts plugin, but it isnt.

    ·

  66. Remi Author Editor

    This simply rocks and works flawless, I do have one small question though. Is it possible to extend the script somehow to include a line or something from the text within the post, not only the headline? Best of regards :)

    ·

  67. Rajesh Kanuri @ TechCats Author Editor

    i m using wp-thumbie plugin which does this work..

    ·

  68. Rajesh Kanuri @ TechCats Author Editor

    I m using wp-thumbie plugin which does my work..

    ·

  69. angrezy Author Editor

    I have updated in my website, after doing some little fixes in css.

    ·

  70. Apple App Tips Author Editor

    Thanks for this share. I make use of recent-posts-plugin.2.6.2.0 & post-plugin-library plugin for “recent post with thumbnail option”.

    Now after reading your article, I have turned my related post into thumbnail option.

    ·

  71. richard Author Editor

    Great plugins, tried it on my site, works well. Still need to play around with my css.

    To show only thumbnail remove php the_title() in the template.

    For poster whose used other plugins to get the thumbnail, have a look at your postmeta table and see the value and just change the template “thumbnail_url” to that.

    Theres also get post image plugins which you can use if you dont have custom field, but it requires a bit of work.

    Make sure you have a look at your html source code to see is the thumbnail is properly pathed.

    Tips to anyone whose play around with css, use css refresh for firefox plugin so you get intant refresh everytime you modify your css. Its beta but it works.

    ·

  72. derek Author Editor

    Thanks for the tutorial!
    I’ll echo @Rajesh with a recommendation for “wp-thumbie”, which automatically generates thumbnails.
    Your CSS looks better though :P Some tinkering might be in order…

    ·

  73. Philippe Dionne Author Editor

    Hi,

    Is there a way to use get_bloginfo() and template_directory in yarpp-thumbnails-template.php to link to default-image.jpg ?

    Thanks

    ·

  74. DJ Krypton Author Editor

    Thanx alot for a great tutorial!!!
    I managed to get auto thumbnail resize work on my site. It’s because i already used a Coldstone theme which have thumbnail custom field and auto resize function included. So i just replaced

    “$related_thumbnail = get_post_meta($post->ID, “thumbnail_url”, $single = true);”

    with

    “$related_thumbnail = get_post_meta($post->ID, “Thumbnail”, $single = true);”

    and added resize function:

    <img src="/timthumb.php?src=&h=100&w=100&zc=1&q=100″ alt=”” />

    Full code of the template:
    “have_posts()):?>

    have_posts()) : $related_query->the_post(); ?>

    ID, “Thumbnail”, $single = true);
    $default_thumbnail = ‘default-image.jpg’;
    ?>

    <a href="” rel=”bookmark”>

    <img src="/timthumb.php?src=&h=100&w=100&zc=1&q=100″ alt=”” />

    <img src="” alt=”” />

    No related posts found

    You can see examples on my site
    http://www.djkrypton.de i think almost in every post)

    Thanx once again!

    ·

  75. DJ Krypton Author Editor

    Sorry, but i think the whole php code is not shows

    I’ll try it once again

    have_posts()):?>

    have_posts()) : $related_query->the_post(); ?>

    ID, “Thumbnail”, $single = true);
    $default_thumbnail = ‘default-image.jpg’;
    ?>

    <a href="” rel=”bookmark”>

    <img src="/timthumb.php?src=&h=100&w=100&zc=1&q=100″ alt=”” />

    <img src="” alt=”” />

    No related posts found

    ·

  76. Jesse Sisson Author Editor

    another really simple way to resize your thumbs is to change this:
    <img

    src="”
    alt=”” />

    to something like this:
    <img

    src="”

    height=”100″ width=”120″ alt=”” />

    at least, it’s working so far…

    ·

  77. EBRAHIM SHAH Author Editor

    Helpful post. Thanks a lot for this good direction.

    ·

  78. izhanjafry Author Editor

    finally my YARP working with thumbnail.. thanks guys. i have made changes in yarp template to work with timthumb..

    ·

  79. evan Author Editor

    how to create it without customfield? so it automatically grab first attached image in post. because it is hardwork to edit 500 post in my blog.

    ·

  80. ryan Author Editor

    Thank you for this easy tutorial.

    ·

  81. speed Author Editor

    build in one step (plugin) please :)

    ·

  82. speed Author Editor

    Hi.. better if, all step create in one plugin?
    im confuse implementate in my blog :)

    Your comment is awaiting moderation.

    ·

  83. nitinsingh Author Editor

    This is great! I have never thought of using something like this before in my blogs, but now that I can see how easy it is to implement I might have to add it

    ·

  84. cascd Author Editor

    hi..its a really great tutorial. i have follow all the step. but there appear this messages “Parse error: syntax error, unexpected ‘}’ in /home/lapadeh/public_html/wp-content/themes/irresistible/single.php on line 21″when i click on my post!
    what happen????

    ·

  85. Ian Author Editor

    I’ve modified this template to do show the first image that is found in a post. It actually combines that with the custom-field. So we have (in order):
    1) Use the custom field “template_url” image
    2) If not found, then use the first-image found in post
    3) If not found, then use a default image

    Hope this helps someone! Sorry, i’m no good with php, but its pretty simple and can probably be tidied a bit.
    http://www.actionscriptstuff.co.uk/ianwebb/yarpp-template-thumbian2.zip

    ·

  86. George Author Editor

    I think we can use WordPress 2.9′s new feature “Post-Thumbnail” for this plug-in.

    Is anyone using it?

    ·

  87. Bytetips Author Editor

    Thanks for the code. I was looking for a way to customize my related post.

    ·

  88. Arvid Author Editor

    I use this, and its perfect.

    But i wonder – how can I use this in the sidebar/ widget with Recent posts or most popular?

    Any tips?

    ·

  89. hekero Author Editor

    @Arvid
    Same question.
    Can i use this for, Popular or Recent post, in SIDEBAR??

    ·

  90. RedKoala Author Editor

    Hi Thanks for this plugin

    Works perfectly with TimThumb – I used it on my website http://www.redkoaladesign.pl/

    Looks awesome!

    ·

  91. climberism Author Editor

    I keep getting an error: Parse error: syntax error, unexpected T_DNUMBER in /hermes/web08/b1485/moo.cruthas/wp-content/themes/arras-theme/yarpp-template-thumbnails.php on line 16…

    Anyone have any idea whats up? I have followed the directions to a T and have gone over them again.

    Any help would be great…

    ·

  92. Archon Digital Author Editor

    Great write up! I really like how you presented your tutorial.

    I created a similar custom YARPP template with thumbnails using timthumb to generate my thumbnails as it is already being used extensively by my blog.

    ·

  93. Julia Author Editor

    Thanks! I’m using this idea in my new WP theme :)

    ·

  94. Matt Author Editor

    Hey thanks a bunch for the tutorial, I went from deactivating the plugin bc of the no thumbnail to now being able to use it again! It all seems to make sense and I am closer to the final but I dont see where you put that extra code under the “the_content() tag” on the single.php page…I dont see the “the_content() tag”, what is this snippet for anyway? Also, on a short post how do I get the “Related Posts” text to align down with the posts, it keeps wanting to sit directly beneath the post, see > (http://www.pubagenda.com/2010/03/23/la-pubagenda-guest-bartending-sharkeez-hermosa-beach/)

    Here is a good example where I have the 4 related posts but the CSS is off…I used your CSS example but added the auto resize part to it..

    /* Related Posts */
    ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}

    ol.related-posts li{width:105px; float:left; display:inline; margin-right:15px;; padding:0;}

    ol.related-posts img{width: auto; height: 91px; clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}

    ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}

    ol.related-posts li{font-size:10px;}

    Please help me get it right! : ) oh PS how would I align everything if I wanted to do 6 total related posts and wanted to do 3 on top and 3 on bottom?

    Thanks, Matt

    ·

  95. Matt Author Editor

    whoops here was the link to the good example for the 4 posts not being aligned http://www.pubagenda.com/2010/03/17/happy-st-patricks-day/

    ·

  96. Matt Author Editor

    don’t mean to spam your comments but I was thinking, instead of displaying 2 lines of image related posts how could I display say 4 image posts across then below those show additional “text” suggestions?

    ·

  97. Johnny Author Editor

    anybody can help (step by step like for dummies :)
    how use YARPP + timthumb
    for connect thumbnails from first image
    not from custom field

    ·

  98. matt Author Editor

    ok after messing with it forever I seemed to have gotten the images aligned but I cant get the text to wrap the width of the image, it also is aligned to the left even if I put “align center”..how do I get the text to begin and wrap to the width of the image? See below for my css and here is a URL that shows a good example of 6 posts. http://www.pubagenda.com/worlds-strongest-beer-2/40

    /* Related Posts */
    ol.related-posts {clear:both; text-align:left; margin:10px 0px 0px 0px; padding:0;}
    ol.related-posts li{width:105px; float:left; display:inline; margin-right:50px;; padding:50;}
    ol.related-posts img{width: 110px; height: 110px; clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
    ol.related-posts a{clear:both; display:block; align:center; border:none; text-decoration:none;}
    ol.related-posts li{font-size:10px;}

    ·

  99. Kristian Author Editor

    Hey guys, and thanks Zach for a great tutorial.
    I wanted to get the first thumbnail from the post, so im using get_the_image plugin from Justin Tadlock.

    My code is as follows:
    ´You might be deligted to read
    have_posts()):?>

    have_posts()) : $related_query->the_post(); ?>
    <a href="” rel=”bookmark” class=”relatedimage” title=””> array( ‘Thumbnail’ ), ‘default_size’ => ‘thumbnail’ ) ); ?>
    <!– ()–>

    No related posts.
    ´

    Using a plugin to display php, i intered the ´1.
    2.
    3. ´ code into a text widget and looking at the source code for some css styling this is what it looks like:
    ´#text-23{padding-left:15px;padding-right:15px;border:none;width:640px;display:block}
    #text-23 .thumbnail{
    width:93px;height:93px;}
    #text-23 .H3{color:#000;font-size:20px;padding-top:10px}´

    Do observe that im only displaying the thumbs and NO text.

    Just wanted to share my way of using thumbs in related posts. Hope you can use it.

    Zack – thumbs up for the tutorial.

    ·

  100. Chuck Author Editor

    This was easy to follow, took 5 minutes to set up, and could not have worked more brilliantly. Why can’t everything be as easy as this?

    ·

  101. hendrix79 Author Editor

    Hi Kristian,
    I was looking for connection get_the_image wit yarpp. And you are the first one who made it.
    I tried to implement your version of code, but I can’t do it. Is this full code or just piece of them. Can you paste here how exactly it should look?

    ·

  102. Kristian Author Editor

    @hendrix,
    Sorry – didnt know what went wrong when i posted the code, but not sure how to post it, so it doesnt break.

    Can someone tell me how to display the code so it doesnt break, so i can post my code?

    ·

    • Zach Dunn Author Editor

      @Kristian

      We’ve had success with the PRE tag in the past. If that fails, try throwing it up on Sniplr in the meantime. We don’t have any non-standard filters on the comments, so typical WordPress tags should work.

      ·

  103. Kristian Author Editor

    Thank you Zach: Ive posted it on Sniplr here:
    http://snipplr.com/view/32616/images-with-get-the-image-plugin-for-yarpp/

    Hope you guys can use it

    ·

  104. Web Design Author Editor

    great stuff thanks for the share
    thanks again

    ·

  105. Caramela Author Editor

    I receive in error concerning line 16 in the yarpp-template-thumnails.php file. I tried to change “thumbnail_url” in line 16 to “thumb” since my theme uses thumb as customfield for thumbnails but nothing has changed so far. I receive the same error!
    Could you please help me, I want to use the feature as soon as possible!
    Thanx a lot!

    ·

  106. Zach Dunn Author Editor

    Hi Everyone,

    Based on some of the email lately, I’ve uploaded an additional demo page demonstrating how multiple rows of posts might work. You can find that demo here.

    ·

  107. palsoft Author Editor

    Just installed plugin and have a few issues:

    1) When I insert function to a single.php file, I have two absolutely similar Related Posts blocks. Without adding any additional code to single.php file, Related Posts are shown only ones.

    2) No thumbnails are displayed

    3) For some reason box “Display using a custom template file” is inactive (can not be checked) :(

    I really like this plugin but can’t figure out how to make it work, can you please help me?

    ·

  108. palsoft Author Editor

    please disregard my comment, I managed to make it work :) thank a lot for a great tutorial!

    ·

  109. alexnjoy Author Editor

    It’s works for me )) thnx

    ·

  110. Mark Author Editor

    May I ask how to get it to auto add thumbnail based on last image. Rather than having to manually add it via custom fields.

    Been trying to figure this one out for a long time now but with no success. It is possible though isn’t it?

    ·

  111. Robert Author Editor

    Hey Mark, and everybody who’s wondering how to add auto thumbnail based on first image in a post.

    In a glance of my version of the code:
    -Looks for specific thumbnail for a post, if not found:
    -Looks for first image in a post, and displays it with fixed sizes, if not found:
    -Displays default thumbnail.

    In addition:
    My CSS makes the list of related posts vertically, where there’s one line of text per each related post, I have added additional function that will add “…” in the end of the text if it exceeds that length; this way it looks better.

    To add auto thumbnail as first image from a post, just insert this line at the end of your functions.php, just above ?> end tag.
    —————-
    function catch_that_image() {
    global $post, $posts;
    $first_img = ”;
    ob_start();
    ob_end_clean();
    $output = preg_match_all(‘//i’, $post->post_content, $matches);
    $first_img = $matches [1] [0];

    if(empty($first_img)){ //Defines a default image
    $first_img = “”;
    }
    return $first_img;
    }
    —————-
    And add this code in your YARPP template file:
    $imgthumb = catch_that_image();

    And then just “echo $imgthumb” where you need it to be displayed; of curse all that within the loop.

    for further reading:
    http://www.alivethemes.com/how-to-create-style-related-posts-using-yarpp-plugin/

    Robert

    ·

  112. Piseth Author Editor

    This is useful instruction. I want to put the thumbnails under each of my blog post too. thks

    ·

  113. Alan Author Editor

    Super cool tutorial Zach, thanks! I’m trying to get it work with Timthumb if you familiar with, it creates a thumbnail on the fly when adding the thumb image source(url) to the custom field for improved speed and caching as I’m using quite big images and it’s really not worth to get the page rendered for very small thumbs of the related posts. Do you think you will be able to call Timthumb from the YARPP template you made in this tutorial? I’ve tried to play with it myself but no luck, couldn’t make it work.

    In case you’re not familiar with Timthumb here is a link the :

    http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/

    Cheers
    A.

    ·

  114. grlwithgumption Author Editor

    I’ve been trying to get this work with the new wordpress 2.9 thumbnail feature with no success. Not a wordpress wiz so i think the answer must be obvious and right under my nose.

    Anyone else having success getting the image the designate the thumbnail (via the wordpress editor) to appear with this widget?

    ·

  115. Alan Author Editor

    I’ve managed to get it work with ‘Timthumb’ over here:

    http://archondigital.com/studio/wordpress/plugins/linkwithin-inspired-yarpp-template/

    Anyone who is thinking 2 steps ahead and want to optimize his blog for quick loading should try using YARPP with Timthumb. Hope it helps …

    Just to stress the idea of,If for example your original images that you inserting to the WP custom Fields are quite big/heavy then what you actually doing is resizing them via CSS/HTML, this is way wrong to do as the browser actually loading the full image and just show them small as thumbs, Timthumb on the other hand CROPS the images you add to the WP Custom fields ON THE FLY and put them in a cache folder for even better page loading. so it’s highly recommended if your source images are high..

    ·

  116. Ayaz malik Author Editor

    Bravo Well done !! very good tut and i put it on my site as well http://www.designzzz.com there were a few errors , was showing no related posts to guest and related posts with thumbs to loged in users. also i managed to play around and added function so it can automatically grab first image of post so no need of custom fields anymore :) thx alot for the great start !

    ·

  117. Jonatan Author Editor

    How to use tables?
    3 Top and 3 bottom

    ·

  118. Desdaemona Author Editor

    I love you so much! XD
    I was looking for a solution for posts related but until now I wasn’t found anything… but now it’s done! Yeeeah *-*

    ·

  119. ObseRveR Author Editor

    /* Related Posts */
    ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}
    ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}
    ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
    ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
    ol.related-posts li{font-size:12px;}

    How can i modify the thumbnail size to: 90px × 130px

    ·

  120. ObseRveR Author Editor

    I made it, here it is the CSS code, you can change it very easly:

    /* Related Posts */
    ol.related-posts {clear:both; text-align:left; margin:10px 0px 0px 0px; padding:0;}
    ol.related-posts li{width:105px; float:left; display:inline; margin-right:0px;; padding:0;}
    ol.related-posts img{width: 90px; height: 130px; clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
    ol.related-posts a{clear:both; display:block; align:center; border:none; text-decoration:none;}
    ol.related-posts li{font-size:11px;}

    Thanks A LOT !

    ·

  121. TechGyo Author Editor

    It looks impressive. Let me give it try, I’ll see how it works out for me.

    ·

  122. ObseRveR Author Editor

    How can i move the thumbnails somewere else? i know the code for thumbnails, but i don’t know how i can delete thee previews code to add the new one somewhere else.

    ·

  123. HappyTummy Author Editor

    this worked perfectly–thanks so much!!

    ·

  124. fansnatural Author Editor

    thanks for this tutorial, i will use it

    ·

  125. Jason Author Editor

    Hi I have followed the instructions to the letter, the only thing I have changes is inputting the absolute file path to my default image, but for whatever reason I am getting double results for my related images (see image here: http://yfrog.com/2mpicture6gep) please can some one help as this is really quite annoying.

    ·

  126. hargun Author Editor

    i’ve implemet this one. the related posts show before and after post . but i want related post just show after post. coul you show me the way …
    thanks

    ·

  127. Andrei Author Editor

    Absolutely awesome tutorial. Easy to understand codes well separated and well made. Simply great. Thanx a lot. I used it on my new website http://www.starbrushes.net.
    There is not much there yet cause I just opened it but thanx a loooot

    ·

  128. Pit Author Editor

    Great tutorial, seems pretty easy, can’t wait to use it!
    Thanks,

    ·

  129. Pit Author Editor

    I did it and it worked fine, I had to modified some of the lines in order to work for me but over all this is great.
    Thanks again!
    Check it out in action http://bit.ly/9PWCmc

    ·

  130. Andimazlan Author Editor

    Thanks. This is what I’m looking for. Can’t wait to play with the code again. Seem pretty easy tutorial to me. Thanks again.

    ·

  131. Lisandru Author Editor

    Man you are the best . I try this tutorial and was the only one who works for my website . Tnx alot for this good tutorial and if you want to see this in action you find on http://www.downloadfreegraphics.info

    ·

  132. Chris Author Editor

    Hi,

    I have copied the code from the tutorial (template), activated the plugin using this new template, but no image is shown.

    I use WordPress 3.0 multiblog and my theme does not use extra “custom fields”, but it uses the new function of WordPress 3 “post thumbnails”.

    Each post has an image, that is uploaded, attached and used as “post thumbnail”.

    What need I to modify, that these images are shown in the related posts area?

    Within the grey boxes of the following screenshot there should be the images:

    http://i25.tinypic.com/xml7jd.jpg

    ·

  133. Jonsky Author Editor

    Did anyone make the plugin yet? I’m currently using LinkWithin but they put their near the thumbnails. It’s free though.

    ·

  134. Romario Author Editor

    Hay man thanks for this tutorial and so the code files but i have a little problem. When i click on a post it shows the related posts and the images but it doubles it. Here is a screenshot > http://img409.imageshack.us/img409/7060/screenshotb.png

    ·

  135. كلام تقنى Author Editor

    thank your for this tutorial, very helpful

    ·

  136. Siraj Author Editor

    Hi

    Just wanted to know how did you add the About Author box in your site? Which plugin was used please!

    Also the Enjoy the post one?

    Please let me know if you do not mind..

    SiRu

    ·

  137. Career Outlook Author Editor

    Very useful tutorial, I feel showing thumbnails of related posts could increase the CTR on the posts

    ·

  138. Richard Author Editor

    Hi, this is a great tutorial, although I’m a bit confused. Are you supposed to put the template file under wp-content/themes/(theme folder) or under wp-content/themes/(theme folder)/yarpp-templates?

    ·

  139. Bryan McDonald Author Editor

    Thanks so much for the info! I made two small changes. I use the Thesis theme so I changed the “thumbnail_url” to “thesis_thumb” in the Related Post Template File. I define the thesis_thumb on every blog post so this made it so I didn’t have to define the thumbnail_url as well. I also changed the thumbnail size in the theme’s stylesheet “ol.related-posts img{clear:both; width:120px; height:100px; padding:5px; background:#F7F7F7; border:1px solid #DDD;}”

    ·

  140. Zane Dickens Author Editor

    Hi Guys,

    If anyone is still looking – this is the easiest method I’ve found: Related Posts Thumbnails Plugin – it uses the newer features in WordPress that came after this blog post.

    ·

  141. Agus Suhanto Author Editor

    Thanks for inspiring me writing similar effort to create a YARPP template with post thumbnail or featured image.

    I add the capability to display post title on top of transparent background, on the bottom part of the image.

    Here is my detailed post about it: http://suhanto.net/yarpp-template-post-thumbnails/

    Thanks

    ·

  142. Kirei Author Editor

    I loooove this site so much. I mean I truly truly do. Few months ago your Author Box tutorial helped me and here I find myself back to take care of adding thumbnails to my YARPP plugin. All I had to do is change a the thumbnail name and bingo. Something so rewarding should require more work.

    Thank you for the awesome site and tutorial. I really appreciate it.

    ·

  143. Kollywoodimages Author Editor

    my blog is kollywoodimages. As per my theme i already using custom filed named ‘image’. How can i use the same custom field in related post.

    Please help

    ·

  144. leaflette Author Editor

    I’m using the Yapp with thumbnails too, lucky me, the theme was built the related post with thumbnail though, and as to the beginners who wish not to get their hands dirty, i got http://www.linkwithin.com/ , very nice plugin, which help you with the installation of the related post with thumbnails.

    Thanks mate! :D

    ·

  145. Reynaldo Author Editor

    YEs, would be great to using linkwithin, simple and nice also

    ·

  146. roded Author Editor

    thanks, very helpful…but i think i’ll try linkwithin first

    ·

  147. michelle Author Editor

    Hi there, this is a very good tutorial, easy to follow. Since the advent of 3.0 and post thumbs, it would be so helpful if someone could help me with the code for using the featured image or post thumb associated with the post or, if none, default to an image that I specify (rather than using a custom field).
    Thank you!!
    michelle

    ·

  148. Richard Author Editor

    Hi, this is a great tutorial, but I’m having a bit of trouble. When I put the file I created in my theme folder (wp-content/themes/my theme folder/yarpp-template-image.php), there is no option to select the file. Am I doing something wrong?

    ·

  149. car lazy Author Editor

    thanks you write, When I get my new layout done, I’ll have to play around with this for sure.

    ·

  150. Baloot Author Editor

    Thanks for this tutorial. But when I have more than hundred posts, do I need to put a new thumbnail for those previous posts? It’s a hard work man. How to make the thumbnail automatically use the first images on posts? And don’t need manually insert the thumbnails.. Please help.. :)

    ·

  151. kuya Author Editor

    Thanks you….
    very helpful…
    :D

    ·

  152. Diesel Engine Author Editor

    Is a great plugin and it looks great on my website, tested it and i recommend to all that have something to show as thumbnails.

    ·

  153. Andrzej Author Editor

    My blog already use “Thumbnail” value to create thumbnails for the posts. But it storages them in a different folder that it is default in your function (site.com/uploads/2010/09/sth.jpg). I have the line that goes through the function ( like http://tucholski.eu/wp-content/themes/Glow/timthumb.php?src=/uploads/2010/11/christmas-truck-wallpaper.jpg ).

    Is there a way to combine those 2 functions?

    ·

  154. kat Author Editor

    Yarpp wouldn’t work for me. I’m using Similar Posts plugin and I can’t figure out how to make the posts show up all on one line instead of each post on its own line… I don’t need thumbnails or anything so it should be a little easier. I’ve been googling for 48 hours now looking for the answer, and even posted in wordpress forum and nothing. Please help me!!!

    ·

  155. kat Author Editor

    oh if it matters I am using the default theme – 2010

    ·

  156. InterRailer Author Editor

    Im using wordpress 3.0 and this is not working is it normal?

    ·

  157. Michelle Author Editor

    Okay, I can’t seem to get the thumbnails to appear, simply the full size image. Maybe that’s because I can’t locate the URL of the thumbnail so I grabbed the image. How do I limit the size of the thumbnail? Also, “Related Posts” is appearing twice????? Can you advise?
    Thanks,
    Michelle

    http://www.genxgirlsguide.com/2010/11/20/thanksgiving-ideas-momofuku-milkbar-pies/

    ·

  158. vijay dubey Author Editor

    thanks for this tutorial…this is exactly what i was looking for…will post my results in few days…

    ·

  159. joy Author Editor

    i’m using using best related post plugin…it more easier no need custom field as thumbnail…working fine for autoblog sites.
    Just upload,active it..viola..its automatically add thumbnail and also you can match it with your theme setting. I forgot the plugin URI but you can download it from http://ifile.it/wl26j8x
    Hope it works for you as well,especially for autoblogger

    ·

  160. Carl Author Editor

    Working great. thanks for sharing

    ·

  161. Chris Author Editor

    Hi – Thanks for the tut. Wondering if anyone has any guidance on how I might be able to select specific posts for display using this plugin and enhancement in this post. For example if I want to display 5 “You may also like” posts and I want them to be post id #8, 2, 5, and 1 in that order.
    Any input would be appreciated.

    ·

  162. tomc Author Editor

    This very much applicable to our current project for cctv systems. Thanks.

    ·

  163. GengWP Author Editor

    another great related post plugin is nRelate. I’m sure it will be great then YARPP

    ·

  164. ryan Author Editor

    nice thanks for sharing wonderful post.

    Here I have another tutorial on how to make your first image post to be a thumbnail automatically Without Custom field and Featured image and without taking your time editing cropping thumbnail of your post.

    Automatic WordPress Thumbnail Without Custom field and Featured image

    ·

  165. janek Author Editor

    im using wordpress 3 and ..it doesnt work, it seems that url to thumbnail is incorrect. Thumbnails are not displaying. Anyone can help?

    ·

  166. janek Author Editor

    now its clear..
    name in custom field must be exactly the same as in script – here its “thumbnail_url” in script file

    ·

  167. tata Author Editor

    dude , i dunno what to say …..
    BIG THX , u realy helped me , u don’t know how long i was looking for this
    works great , wp 3.0.4
    long steps but wth , the result worth it
    thx again

    ·

  168. Daan van den Bergh Author Editor

    Well, I put it up on my blog and it’s looking awesome! .. I have one question though.

    Because I use the new ‘set featured image’-feature which is built-in in the latest wordpress version.

    Is there any way I can set it up so he uses the auto-generated thumbnail-version of the image I use as a featured image?

    ·

  169. Khoirul Author Editor

    Hi, thank for sharing this article. Does this code can be implement for auto blog? I have browse around, but I still didn’t find the solution to make related post thumbnail like in my blog. I also have install related post thumbnail.

    ·

  170. Tipifam Author Editor

    A great plugin for WordPress. Thanks for sharing.

    ·

  171. iş başvurusu Author Editor

    how can i display recent posts in home page using thumbnails? do u have a post about this

    ·

  172. Kpop Flash Author Editor

    another great related post plugin is nRelate. I’m sure it will be great then YARPP

    ·

  173. TheShadow Author Editor

    This is really a useful tutorial.Thanks for sharing it

    ·

  174. wparena Author Editor

    Amazing post… I find something I’m looking for in your posts and have mention it in my article

    ·

  175. Walid Author Editor

    Cool, Thanks about that.. i like it.

    ·

  176. memur Author Editor

    thanks for that article

    ·

  177. EvelRyu Author Editor

    Any way to make this hack work whith the wordpress Featured Images instead of custon fields? It wold work better for older blogs whith many posts in archive.

    ·

  178. pradeep Author Editor

    this is such a nice tutorial…i have just started my blog and wanted to have this feature.But I think i have to wait for some time before the related posts show up .

    ·

  179. Rabin Author Editor

    I’m using YARPP for some time and its output is great. But what I want is to use different templates in different areas. Like one in the sidebar and another under the post would be great…

    ·

  180. Tadeusz Szewczyk Author Editor

    I’m trying to make it work on one of my blogs but it seems futile. Adding a template does not seem to work in YARPP anymore so I just inserted the code into an existing one but still no images. Or do no images display until I specify a thumbnail in a custom field for each and every post? That makes no sense for several hundred posts.
    Where do I upload the actual template to? Into the YARPP directory in plugins?

    ·

  181. Freddie Author Editor

    The display options section is working working right for me. I cannot check the box to allow the templates. It is not checkable. Not sure why, any ideas?

    ·

    • Freddie Author Editor

      Hmmm, I got it to click. I had the template in the wrong folder.

      However, it is still not displaying now and the correct template is displayed.

      Any ideas: http://investwithpassion.com and select any article.

      ·

  182. AllTimeBD.com Author Editor

    its a nice tips. i am using my site…. AllTimeBD.com

    ·

  183. Peter Author Editor

    How can this be changed to get the first image of the post instead of the thumb ?

    Thanks.

    ·

  184. Deepika Author Editor

    Thanks for sharing the tip

    ·

  185. Lakhats Author Editor

    Nice work !!! It saved my time… thanks

    ·

  186. Laxmi Khatiwada Author Editor

    Hey Peter,

    You need to use the timthumb.php for it. To know how to use it, go through the article: http://www.lkhatiwada.com/2011/07/how-to-show-first-image-of-wordpress.html

    My solution is based on the article above. In themes functions.php add the function below:

    [/crayon]

    Now in yarpp-template-thumbnails.php file, make one change as :

    //$related_thumbnail = get_post_meta($post->ID, “thumbnail_url”, $single = true);
    $related_thumbnail = get_thumb(50,50,1, middle, 90);

    Hope this works for you. Cheers !!!

    ·

  187. Live Cricket Author Editor

    Works perfectly on my site. Thanks a lot!!!

    ·

  188. Roselyn Yim Author Editor

    I hope you by no means quit! This is among the ideal blogs Ive ever read

    ·

  189. Raj @ Social Media News Author Editor

    make sure you have enough number of posts in your blog..

    ·

  190. Ramu Author Editor

    Thanks for your article.It helped me a lot.

    ·

  191. pranav Author Editor

    Was looking for this, very nicely explained. Will give it a try.

    ·

  192. U.S.A. Local Newspapers Author Editor

    this is great post. Thanx. that post is useful.

    ·

  193. Lassana Magassa Author Editor

    Hey, how did you work out not being able to select the check box for : Display using a custom template file?

    ·

  194. Lassana Magassa Author Editor

    forget it :) I figured it out too. I was reading to fast. All I needed to do was login to the ftp server and move the template files to my ACTIVE theme’s directory … duhhh!

    ·

  195. Lojra Author Editor

    Great post ;)

    ·

  196. Ritesh Author Editor

    Working like a charm..
    Thanks friend

    ·

  197. carrie Author Editor

    Thanks a lot for this tutorial. I am not good in php or wordpress. However this will get my hands on wordpress more better.

    ·

  198. Addison Wesely Author Editor

    Thanks a lot for this help. I was searching for it by may days. Thanks again.

    ·

  199. Smartphone in India Author Editor

    You have described this quite nicely with screen shot and code snippet. I use SEO ALRP plug in that works for me and generated thumbnailed related post. I must bookmark your site for further use. Thanks

    ·

  200. ndark Author Editor

    Thanks for the tutorial Great !!!

    ·

  201. Nakul Goyal Author Editor

    Looks nice, I will try it out. What version of YARPP are you using ?

    ·

  202. Masoud Author Editor

    Works perfectly on my site. Thanks

    ·

  203. Abhishek Author Editor

    Great tip! I used it on website and works perfec!!! Thanks a lot.

    -Abhi

    ·

  204. venkat Author Editor

    Hi
    How to display related posts when only custom filed is set to a page.

    ·

  205. Elektro Author Editor

    Thanks for the tutorial Great !!!

    ·

  206. Raheel Author Editor

    Thanks for the great discussion. Discussion makes any post more effective.

    ·

  207. Smartphone Price Author Editor

    Phenomenon work.I like your codes and I am working on this subject matter for last couple of days. I hope I found something useful from your site.Thank you

    ·

  208. Government Jobs Author Editor

    I am going to use this on my site. Thanks a lot!!

    ·

  209. Mytechshout Author Editor

    Thanks for the great tutorial.Have added it to my Thesis site.

    ·

  210. akhil Author Editor

    Thanks…This article really helped me..

    ·

  211. Government Jobs Author Editor

    I put this on my website looks awesome. Great tutorials. Thanks a lot!!

    ·

  212. Live Cricket Author Editor

    its easy to use and does the job really well.

    ·

  213. Hans Author Editor

    Hi Zach,

    I have been searching everywhere to figure out how to stack the thumbnails output from Yarpp, so that I have a thumbnail and the title below.

    I am using the latest thesis theme and have downloaded the most recent version of Yarpp.

    Thanks for any help you can give.

    Hans

    ·

  214. Jack Author Editor

    for those who would like to use 3.0 and post thumbs, I’ve found a solution (I hope this help somebody):

    Related Posts

    have_posts()):?>

    have_posts()) : $related_query->the_post(); ?>

    ID, “thumbnail_url”);
    $default_thumbnail = ‘default-image.jpg’;
    ?>

    <a href="” rel=”bookmark”>

    ID, ‘thumbnail’); ?>

    <img src="” alt=”” />

    No related posts found

    ·

  215. Jack Author Editor

    sorry, I don’t know how to paste the entire code…

    ·

  216. Daniel Lee Author Editor

    hello all!! thanks for this wonderfull script!!
    It’s the only thing i found doing exactly what i wanted!!!
    But it’s just showing related post in vertical way (from up to down)
    I would like it to be shown from left to right (horizontally)
    How to do that please??

    ·

  217. Brad Cagnon Author Editor

    I loved as much as you will receive carried out right here. The sketch is tasteful, your authored material stylish. nonetheless, you command get bought an shakiness over that you wish be delivering the following. unwell unquestionably come further formerly again as exactly the same nearly very often inside case you shield this hike.

    ·

  218. Jithin Author Editor

    Thanks a lot for the tutorial. I found a simillar one WordPress Thumbnail Code

    ·

  219. Links of London Sales Author Editor

    I found this is a benificial and interesting article, so I think it is very helpful and knowledgeable. Many thanks for the efforts you have made in writing this article. I am hoping the various fantastic work from you next time as well. Really your creative writing ability has inspired me.

    ·

  220. Proothisi Istoselidwn Author Editor

    I am glad to be one of many visitors on this outstanding internet site (:, thankyou for this awesome article

    ·

  221. sex shop Author Editor

    Simply want to say your article is as surprising. The clarity in your post is just great and i can assume you are an expert on this subject sex shop romantic. Well with your permission let me to grab your feed to keep up to date with forthcoming post. Thanks a million and please carry on the gratifying work.

    ·

  222. Nicolasa Needy Author Editor

    Thought I would comment and say cool theme, did you code it on your own? It looks really good! http://hairextensionswiki.org/index.php?title=User:NorthDakota_OilJobs

    ·

  223. Hotfredlive Author Editor

    сайты по размещению частных интим фото для обмен Невесты шлюхи индивидуалки проспект мира дешевые индивидуалки москвы неритянки обмен фото интим жен трусики зрелой шлюхи проститутки ниж нов изнасилование праститутки интим салон новосибирска индивидуалки гражданский проститутки города кызыла cнять проститутку запорожье Проститутки ульяновска досуг проститутки ростова надону Проститутки питера на васильевском
    [url=http://rest-news.bugs3.com/prostitutki-orenburg-individualki.html]проститутки оренбург индивидуалки[/url]
    [url=http://intim.putany-news.binhoster.com/chart.html]секс в деревне[/url]
    [url=http://putany.intim-x.tk/chart.html]Индивидуалки 1500р санкт-петербург[/url]
    [url=http://putany-news.bugs3.com]проститутки москвы порно фото[/url]
    [url=http://rest-news.hourb.com/individualki-moskvi-s-otzivami.html]индивидуалки москвы с отзывами[/url]
    [url=http://erotikax.500mb.net/chart.html]интим знакомства через скайп[/url]
    [url=http://vip.mihog.ru/shlyuhi-alchevska.html]Шлюхи алчевска[/url]
    [url=http://rest-news.x90x.net]индивидуалки проститутки подольск[/url]
    [url=http://elitnye.mihog.ru/prostitutki-molodie-shestnadtsati-let.html]Проститутки молодые шестнадцати лет[/url]
    [url=http://shlyuxi.rest-news.bugs3.com/prostitutki-ne-agenstvo.html]проститутки не агенство[/url]
    [url=http://putany.relax-x.tk/seks-dosug-s-prostitutkami.html]секс досуг с проститутками[/url]
    [url=http://devochki.mihog.ru/individualka-shodnenskaya/klip-intim-ne-predlagat.html]клип интим не предлагать[/url]
    [url=http://intim.docug-x.tk]Индивидуалки москва метро сходненская[/url]
    [url=http://rest-news.x90x.net/individualki-pionerskaya.html]индивидуалки пионерская[/url]
    [url=http://relax.mihog.ru]проститутки косино[/url]
    [url=http://seksx.500mb.net]Проститутки с анкетой и телефоном[/url]
    [url=http://shalavy.intim-x.tk]проститутка камилла 22 видео онлайн[/url]
    армянские шлюхи порно
    Шлюхи круглосуточно выезд
    секс тетки
    Чеченскии шлюхи
    Лучшие девочки питера
    интим одинцово
    чaстныe интим фото полных жeнщин

    ·

  224. Abdi Putra Author Editor

    mantep cuk..aku senang banget misui kamu

    ·

  225. Nose screw Author Editor

    Can we resize the thumbnail size. I cannot find it anywhere, please help.

    ·

  226. Jeremy Timessen Author Editor

    Very interesting tutorial. Keep up the good work. But where can I download the .zip file with the example?

    ·

  227. Becky Author Editor

    Unfortunately, this tutorial still isn’t simple enough for me! :(

    ·

  228. Chris Lynn Author Editor

    Seems to a be a nIce & simple Plugin, but I’m not able to download the Plugin from the site you specified & also cant find on WordPress Plugin Repository…

    Can you provide me an alternative link

    ·

  229. avi Author Editor

    thank you very much,, admin…..

    ·

  230. sewa ruang kantor murah jakarta Author Editor

    Nice Tutorial, thank for All

    ·

  231. Net Apparatus Author Editor

    Really Helpful Article. Thanks for sharing. It helped me to customize YARP.

    ·

  232. VoIP Blogger Author Editor

    I want related post plugin based on the category for my WP blog, can you give me the code. And it should show the post according to the most relevant to less relevant post in that category.

    ·

  233. Daniel Author Editor

    I’ve been using Yarp for a long time now. One of the best. Great tutorial going to apply it to my blog right now.

    ·

  234. burgh heath man and van Author Editor

    Truly contented I stumbled across this blog right now has cheered me up quite honestly

    ·

  235. marga Author Editor

    i just need related post to my wordpress.com blog
    can you hack it for me?

    ·

  236. Marilynn Author Editor

    Hi there! I know this is kind of off topic but I was wondering if you knew where I could get
    a captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having difficulty finding one?
    Thanks a lot!

    ·

  237. xxx Author Editor

    thank you very much,, admin…..

    ·

  238. Ralph Lauren Hombre Zapatillas Barato Author Editor

    I’m truly enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it much more pleasant for me
    to come here and visit more often. Did you hire out
    a designer to create your theme? Fantastic work!

    ·

  239. Desabafa Author Editor

    i’ve been looking for a easy way to do this my self i wanted thumbnails in all my posts thanks for your help

    ·

  240. Neil Graver Author Editor

    Spent some time looking around for how to do this and lots of people – even the plugin author – made it sound like it was not possible… then I stumbled on your guide. Thanks for a great tutorial – your solution worked a treat for me.

    ·

  241. Inkassoliste Author Editor

    Just desire to say your article is as astonishing. The clarity to your publish is simply spectacular and that i can suppose you’re an expert in this subject. Fine along with your permission let me to seize your feed to stay updated with imminent post. Thank you one million and please continue the enjoyable work.

    ·

  242. scortmadridcomes Author Editor

    WOW just what I was searching for. Came here by searching for Kimi Räikkönen

    ·

  243. Anthony Green’s Children Author Editor

    This is really fascinating, You are an overly
    professional blogger. I have joined your rss feed and
    look ahead to in search of more of your great post.
    Also, I have shared your website in my social networks

    ·

  244. Http://Inspiretoodesign.Blogspot.Co.Uk Author Editor

    The next step is to introduce a product in such a fashion.
    In addition, if you specify the closing date of marketing the bestseller
    campaign. Each guest will be entered into a drawing for a chance to advertise while your
    customers enjoy themselves. The marketing is done with the help of
    a strong online presence and are considered relevant and employable and those that try to hook the customers with information of interest to
    them.

    my web page Media Marketing *http://Inspiretoodesign.Blogspot.Co.Uk*

    ·

  245. web hosting affiliates Author Editor

    Are you one of the many people who think that all Web hosting companies are basically the same.
    Therefore, owners should never be put off by a low cost price in assuming
    that the hosting service is of poor quality; this is simply not the case
    with cloud hosting. While we evaluate a hosting business, it
    is necessary to identify their services with regard to their performance,
    reliability, service, scalability and security considerations.

    ·

  246. Anir Author Editor

    Very Informative tutorial, very helpful tips, thanks for sharing guys, its so helpful for a newbie like me.:)

    ·

  247. kristina Author Editor

    This is an amazing article , and it’s very useful , Thank you for sharing

    ·

  248. 320 barry bonds rookie card 1987 topps 320 barry bonds rc 1987 topps barry bonds 1987 topps barry bonds Author Editor

    I have a notable synthetic eyesight for detail and can foresee complications prior
    to they will occur.

    ·

  249. ThemeRunner Download Free Premium WordPress Themes Author Editor

    hello!,I really like your writing very much! percentage we keep in touch extra approximately your post on AOL?
    I require a specialist on this space to resolve my problem.
    Maybe that’s you! Having a look forward to see you.

    ·

  250. Lemuel Heyer Author Editor

    This can be a good A to Z on how to establish a strong online presence! Excellent info, very newbie-friendly, comprehensive and thorough!

    ·

  251. Deepak Author Editor

    You discussed very informative and Great tutorial with us and I used it, works well. I faced some problems in the begining but all were resolved.. Thanks for sharing

    ·

  252. my site Author Editor

    Superb issues completely, you merely acquired a fresh reader. An amount people advise regarding post that you choose to built some days in the past? Just about any positive?

    ·

  253. low Carb Pasta Author Editor

    Hey there! This post couldn’t be written any better!
    Reading this post reminds me of my good old room mate! He always kept talking
    about this. I will forward this post to him. Pretty sure
    he will have a good read. Many thanks for sharing!

    Feel free to surf to my web page: low Carb Pasta

    ·

  254. joe namath guarantee jersey Author Editor

    Fr Jim Harbaugh’s book, The Twelve Steps
    and the” A 12-Step Approach to the Spiritual Exercises of St. I call it being a teenager. The Kids Aaron Rodgers Jersey are still searching for the first quarter on Sunday to get the best out of a poster in my high-school bedroom. With soft Kids Aaron Rodgers Jersey Shox shoes, instead of a five- or seven-point lead for Kids Aaron Rodgers Jersey, expressed concern about the California ruling and should not identify as such.

    ·

 

Build Internet by One Mighty Roar. Since 2008.