Monday, July 22, 2013

How to Get The First Image From a Post in WordPress

This function will find the first image from WordPress Post, add it in functions.php file of your current active template.

function first_image_post() {  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)) {
$first_img = "/path/to/default.png";
}
return $first_img;
}

And to use it, add this code in the loop:

if ( get_the_post_thumbnail($post_id) != '' ) {

echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
the_post_thumbnail();
echo '</a>';

} else {

echo '<a href="'; the_permalink(); echo '" class="thumbnail-wrapper">';
echo '<img src="';
echo first_image_post();
echo '" alt="" />';
echo '</a>';

}


Disqus Comments