Menampilkan (hanya) gambar pada postingan

Menindaklanjuti dari threadnya Mas Jauhari disini, saya berusaha untuk mempraktikkan di dua proyek terakhir saya, dan hasilnya menakjubkan … Biasanya pada fungsi the_excerpt(), image kita gak akan kelihatan (hanya tulisan saja). Nah bagaimana cara menampilkan image tersebut. Begini caranya:

Masukkan kode berikut pada looping anda:

    <?php $id =$post->ID;
    $title=$post->post_title;
    $the_content =$wpdb->get_var("SELECT post_content FROM $wpdb->posts WHERE ID = $id");
    $pattern = '!<img.*?src="(.*?)"!';
    $pattern2 = '!<img.*?alt="(.*?)"!';
    preg_match_all($pattern, $the_content, $matches);
    $image_src = $matches['1'][0];
    preg_match_all($pattern2, $the_content, $matches);
    $image_alt = $matches['1'][0];
	?>
	<?php if($image_src != ''): ?>
<div><img border="0" class="attachment wp-att-<?php echo $id;?>" src="<?php echo $image_src;?>" alt="<?php echo $title;?>"/></div>
<?php endif;?>

- Nah hasilnya bisa jadi seperti ini :

atau di slideshow saya ini

Selamat mencoba yah…