Tips & Trik : Mendapatkan Gambar dalam Post dan Menampilkannya di Wordpress

Untuk menampilkan gambar berupa featured image atau thumbnail pada postingan kita bisa dilakukan sejumlah cara. Cara bawaan wordpress biasanya menggunakan thumbnail bawaan atau menggunakan fitur featured image yang sudah kita pilih pada saat edit post. Hanya saja terkadang beberapa template/themes tidak mengimplementasikan fitur tersebut sehingga tidak menampilkan image thumbnail atau featured image.

Caranya dengan menambahkan sebuah fungsi pada file functions.php yang berada di dalam direktori themes anda :

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)){ //Definisikan default image jika didalam posting tidak ada image
       $first_img = "/images/default.jpg";
    }
  return $first_img;
}

Untuk menggunakan fungsi tersebut bisa dimana saja. Namun umumnya, berkaitan dengan tampilan post di front file atau carilah dimana fungsi loop post berjalan. Dengan memanggil fungsi diatas seperti :

echo '<img src="';  echo catch_that_image();  echo '" alt="" />';

Dan cukup sudah, simple kan :)