Extract first image from my post to display on the Ditty Posts Ticker

It looks like your code should probably work to grab the first image. Here’s a link to another example: https://www.wprecipes.com/how-to-get-the-first-image-from-the-post-and-display-it

After you figure out the correct code to pull the first image you’ll want to make sure Post Thumbnail is checked and then filter the image output with the following code:

<?php
add_filter( 'mtphr_dnt_posts_thumb', 'custom_dnt_posts_thumb', 10, 3 );
function custom_dnt_posts_thumb( $image, $id, $meta_data ) {
	return get_first_image();
}
?>

You’ll want to put your get_first_image() function and the code above into your functions.php file of your theme or create a custom plugin to run the code as you don’t want to modify the actual files of my plugin (they’ll get overwritten when the plugin updates).

Hi there.

Thank you so much. I manage to find the correct script. I would like to share here.

I have added the below code in functions.php

//Show the first image associated with the post

function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  $new_img_tag = "";

  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 with 0 width
  $new_img_tag = "<img src='/images/noimage.jpg' width='0px' class='alignright' />";
  }

  else{
	$new_img_tag = "<img src='" .  $first_img . "' width='600px' ' height='300px' class='alignright' />";
	}

  return $new_img_tag;
  }

// Ditto Posts Thumbnail Output

add_filter( 'mtphr_dnt_posts_thumb', 'custom_dnt_posts_thumb', 10, 3 );
function custom_dnt_posts_thumb( $image, $id, $meta_data ) {
	return catch_that_image();
}

Have a good day.

Thanks for sharing!