Tutorial: Cara menampilkan gambar pertama wordpress post di template

Tutorial: Cara menampilkan gambar pertama wordpress post di template

Bagaimana menampilkan secara otomatis thumbnail tanpa menggunakan custom fields, dengan fungsi sederhana saja maka secara otomatis kita bisa mengambil gambar pertama dari posting Anda. Berikut ini Caranyaa...^_^

Buka file functions.php di folder themes Anda dan Sisipkan kode dibawah ini dan Simpan (save) :
<?php //get first image
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)){
   // $first_img = "images/default.jpg"; //Aktifkan jika ingin menggunakan default image
  }
  return $first_img;
}
?>



Kemudian tempatkan dalam direktori tema Anda dengan code dibawah ini.

<?php if(catch_that_image()) { ?>
   <img src="<?php echo catch_that_image() ?>"  />
<?php } ?>


Selamat mencoba ^_^

4 comments

  1. maksudnya dalam direktori tema apa ya? maklum saya masih newbie banget :)

    thanks aa

    ReplyDelete
  2. @kini Aku Tau, untuk membuka functions.php dapat kita temui di folder themes yg digunakan.. di folder wp-content/themes/..

    ReplyDelete
  3. Mau Tanya nih sob.Thumbnail gambar saya tidak bisa muncul baik pada related post maupun di hompage.ini terjadi setelah saya update ke wp versi terbaru.sebagai catatan saya memakai plugin SEO Alerp buatan mas poer.mohon penjelasan dan solusi.trima kasih sebelumnya

    ReplyDelete
  4. gan saya mau tanya... di pencarian bog saya kaau di cari kok gak ada gambarnya ya..??cuman tuisan postingan saja ??
    padaha pas posting ada gambarnya....
    gmna cara membetukanya ....

    ReplyDelete