This is the first post about the wordpress hack published on Bloganol about getting the first image from the post and displaying it.This is really useful wordpress hack and also requested by many users.Thanks to Wprecipes for publishing code for such important hack.
To implement this hack on your wordpress blog First of all copy the following block of code and paste it to your functions.php file.
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}
Now in second step Paste the following code where you would like to display the Image.This Tag simply call the function within the loop to display the first image from the post:
<img src="<?php echo catch_that_image() ?>" alt="" class="th" /> Consider to Subscribe to our RSS feed or Follow us at Twitter or Join our Facebook Fan Page.Enter your Email below to subscribe to our updates via Email.
Similar Posts
- Create Expand/Collapse or expandable content Script for Blogger
- Disable Text Selection in Blogger
- Show Posts short URL in blogger with bit.ly API key
- Free world visitors map widget
- Create buy me a Beer Link below each post
Article by Dinesh Dhakal
Dinesh has written 310 awesome articles for us. Dinesh Dhakal(Deineshd) is the Admin of this blog.He is from Kathmandu, Nepal who is blogging since complete 4 years.You can catch him on twitter at Twitter.com/deineshd and in Facebook at Facebook.com/deineshd.
{ 4 comments… read them below or add one }
can this work on blogger?
Since it is a wordpress hack so it doesn’t work on Blogger.There is different hack for blogger to help you.Visit here to learn
I don’t understand the 2nd step. I am new to wordpress and dont have any experience with this stuff.
I pasted the first thing into the functions.php file. Where exactly do I paste the 2nd code? Into the actual post when I am typing it? Or in the functions.php file? And where do I paste it in there?
Since you are new at Wordpress so its really hard for me to make you clear about this Wordpress hack. This hack is hard for newbies so I suggest a wordpress plugin that help you do this work. The name of the plugin is Thumbnail for Excerts and this plugin does the same work easily that is done by this hack. Get then plugin from here http://wordpress.org/extend/plugins/thumbnail-for-excerpts/