• Sponsors


  • How to make auto thumbnail woks in wordpress theme | make automatic thumbnail





    Make an autoblog site that looks like a “normal” site is our goal. How to make our visitor see our site, and never realize that the content which they read is come from automated script? that is the main key for my success.

    For someone that chasing Google Ads money, sometimes they just concern about Ads placing that will “trap” their visitor to click it. This is a legals way to chase money, and it will make our income raised up quickly, but i think this kind of step will not live longer. This step will make our site is “fuzzy” to see, and make our visitor sick. No one will stay longer (or even coming back) with this kind of site. Sample of this kind of site, see this Afro Sources

    A good site is a site that give the visitor “comfort” feeling to read, and never get boring. The key is the theme layout. Best layout and lots of informative image will make our site looks professional to our visitor. This condition will make our visitor “trust” our site, and willing to buy products that we offers. I assume that if we want to build autoblog to get money from conversion.

    Best theme layout that designed by the creator will works perfectly if we can show image or video in the proper place. Most of theme were using “thumb script” to show thumbnail. This means that the image will show when we upload the image manually, and that image must be stored inside our own host. This is a serious trouble for autoblog, because we want everything to go with robotic ways. No need our touch to maintain the web.

    How to trick this condition? How to show thumbnail automatically for our site?

    I will give you an idea, how to trick it. Just see this script as the example :

    <div>
    <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>
    <img src=”<?php echo bloginfo(‘template_url’); ?>/scripts/timthumb.php?src=/<?php
    $values = get_post_custom_values(“Image”); echo $values[0]; ?>&amp;w=570&amp;h=250&amp;zc=1&amp;q=100″
    alt=”<?php the_title(); ?>”  width=”570px” height=”250px”/>
    </a>
    </div>

    The red colored code is script that works to show an image. You can see the clue in this script : <img src=”

    That script will reads any image that stored inside our own site and try to re-size it, then show the image as thumbnail. To make our thumbnail shown automatically, there is two way that we can use. We can use custom fields area to make it easier, or using plugin (get the image) to solve this. In this case, lets try to use Custom Fields area.

    Script that can call any custom fields area that we give in every post, is seems like this:

    <?php echo get_post_meta($post->ID, “image”, $single = true); ?>

    That script will take any value from  image key that we give in the post. So if i try to change the previous script that described before, it will be like this.

    <div>
    <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>
    <img src=”<?php echo get_post_meta($post->ID, “image”, $single = true); ?>” /></a>
    </div>

    With this kind of change, the theme will put any url (image url) that filled inside “image” custom fields value. But the problem is, it will show the image in the original size. It can be too large, or too small, and this will make our theme layout messed up.

    To solve this problems, we must show the image with the proper size, as the theme need. And it will be like this :

    <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>
    <img src=”<?php echo get_post_meta($post->ID, “image”, $single = true); ?>” width=”570″ height=”250″/></a>
    </div>

    For more complete script that same as the previous, then it should be like this :

    <a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”>
    <img src=”<?php echo get_post_meta($post->ID, “image”, $single = true); ?>” alt=”<?php the_title(); ?>” width=”570″ height=”250″/></a>
    </div>

    The next step that you have to do is add new custom fields with name  image , and fill the value with an image url. If you using WPRobot, you can do this easily with add some script into the wprobot module, so the product image will show automatically.

    For the conclusion, that simple tutorial just to show you how to make automatic thumbnail shown. Every theme has each unique script to call image as thumbnail, so it will not 100% same. But the clue is always same, they will use <img src=” to show the thumbnail. Trial and error will make your skill developed better. Do not afraid to do this, just do not forget tobackup your theme first :P

    Enjoy.

    Want to rate this post? use this
    1 Star2 Stars3 Stars4 Stars5 Stars (4 votes, average: 4.00 out of 5)
    Loading ... Loading ...

    Author: cahyo on May 31, 2010
    Category: Tips
    Tags: , , , , , , , , , , , , , , , , , ,

    Facebook comments:

    8 responses to “How to make auto thumbnail woks in wordpress theme | make automatic thumbnail”
    1. can you tell us pleas how to make automatic thumbnail using wprobot !
      and i want use auto thumb in ather themes! can this work ?

      [Reply]

      cahyo Reply:

      i have write this. See this article : http://www.autoblogtheme.info/tips/modify-amazon-module-wp-robot-plugins-to-add-custom-fields.html
      combine it with this post,..
      then,..
      automatic thumbnail will show perfectly

      [Reply]

    2. fearvector says:

      i prefer to use plugin (get the image)….

      but i will use your nice tips when face a trouble with that plugin :) .

      umm, btw, your Captcha box for this comment is invisible. i think better if you give it a frame (i am using FF browser)

      [Reply]

      cahyo Reply:

      Frankly,.. i do not know how to fix this,.. LOL
      but when the user has sign in,..
      this captcha will not show.

      [Reply]

    3. Nardiansyah says:

      It means that we have to upload the picture 1st then call it by that script?

      [Reply]

    4. jhon says:

      nice post thanks for sharing.

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

      [Reply]

      cahyo Reply:

      Hi,
      thanks to give me informations about this.
      with your permission (if you grant it) i will put your article for my next post
      off course i will put your link there.

      give me info.
      Thanks.

      [Reply]

    5. Chetan Singh says:

      Hi,

      I really like the post and appreciate your efforts.

      Can you be more specific as where do I need to insert the above code and secondly you mentioned in the final step that you have to add new custom fields with name image, and fill the value with an image url. Can you elaborate on the same as where and how to do it.

      Also in the end you mentioned you can do this easily with add some script into the wprobot module, so the product image will show automatically. What Script are you talking about.

      I would really appreciate if you can guide me to an article showing detailed information about the process.

      Thanks in advance
      Chetan Singh

      [Reply]

    Leave a Reply


    − 1 = 5

    Last articles