Home / Tips & Trik / Tips & Trik : Mendapatkan Gambar dalam Post dan Menampilkannya di WordPress

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 :)

About alfach

Check Also

jquery-plugins-for-html5-video

Videocontrols : Plugin Jquery untuk Video Player

Penggunaan video player dalam web bukanlah hal yang sulit. Sudah banyak plugin/tools yang memudahkan untuk ...

2 comments

  1. ruwet sarah…tatk ngerteh sengkok……
    jejel pole derih adek

  2. Ini pasti idenya, dari blog ku kemaren ya bang. . pas eror. Yeee kan?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>