Agar lebih menarik, Terkadang kita perlu menampilkan gambar atau yang biasa disebut thumbnail pada setiap postingan kita. Hal ini biasanya di apply jika antum memakai metode post “summary” atau “excerpt” pada isi postingan yang ditampilkan. Jika kita hanya memakai opsi  excerpt saja pada postingan kita, maka mesin wordpress akan mengabaikan semua gambar, walaupun itu gambar diletakkan di awal postingan. Dan mesin wordpress hanya akan mengambil beberapa baris kalimat pada awal postingan.

Nah jika antum ingin menampilkan thumbail, antum bisa melakukan nya dengan 2 cara :

Pertama, menggunakan plugins “wp-get-post”

Kedua, menggunakan script php.

Pada postingan kali ini ane ingin berbagi sedikit ilmu tentang membuat thumbnail di postingan pada mesin wordpress kita.

Berikut caranya :

1.  copy script berikut dan paste ke notepad kemudian simpan dengan nama= thumbnail.php.

Sorot
Kode

<!– Thumbnail from Custom Field, Post first image or default thumbnail –><br /><div><a href=”<?php the_permalink() ?>” rel=”bookmark”><br /><?php<br />$PostContent = $post->post_content;<br />$ImgSearch = ‘|<img.*?src=[\'"](.*?)[\'"].*?>|i’;<br />preg_match_all( $ImgSearch, $PostContent, $PostImg );<br />$ImgNumber = count($PostImg[0]);</p> <p> if ( get_post_meta($post->ID, “Thumbnail”, true) )<br /> { ?><br /> <img src=”<?php echo get_post_meta($post->ID, “Thumbnail”, true); ?>” alt=”<?php the_title(); ?>” /><br /><?php }<br /> elseif ( get_post_meta($post->ID, “thumbnail”, true) )<br /> { ?><br /> <img src=”<?php echo get_post_meta($post->ID, “thumbnail”, true); ?>” alt=”<?php the_title(); ?>” /><br /><?php }<br /> elseif ( $ImgNumber > 0 )<br /> {<br /> for ( $i=0; $i < $ImgNumber ; $i++ )<br /> {<br /> echo $PostImg[0][$i];<br /> };<br />}<br /> else<br /> { ?><br /> <img src=”<?php bloginfo(‘stylesheet_directory’);?>/images/thumbnail.png” alt=”thumbnail”/><br /><?php } ?></a></div>

2. Upload ke dalam folder theme yang antum pakai saat ini.

3.  Masukkan script berikut pada isi postingan. Taruh sebelum isi pada file index.php atau home.php  .

<?php include(TEMPLATEPATH.”/thumbnail.php”); ?>

Jika antum beruntung dan sukses, maka antum akan mendapati hasil yang memuaskan.

Berikut screenshoot nya :

Sebelum di apply script :

Setelah di apply script :

Script ini akan mengambil gambar dari postingan tersebut. dan menampilkannya di pojok kiri atas postingan antum. Jika postingan antum tidak terdapat gambar, maka akan muncul kotak dengan tulisan “thumbnail” .

UPDATE :

File thumbnail.php bisa di donlot DISINI.

Untuk pengaturan posisinya, silakan antum tambahkan kode pada”style.css” theme antum :

Nahh.. dengan tambahan kode di atas maka script yang harus di tambahkan akan menjadi :

<div class=”thumbnail”>

<?php include(TEMPLATEPATH.”/thumbnail.php”); ?>

</div>

Silakan berkunjung ke http://malay.de-expert.web.id/ untuk melihat hasilnya.

Selamat mencoba. Semoga beruntung .

Smoga bermanfaat.

Postingan hebat lainnya yang berhubungan :

1. Cara Menampilkan Postingan Dengan Category Tertentu Didalam ScrollBar Box
2. Cara Sangat Mudah Membuat Post Thumbnail Dengan Timthumb
3. Cara Mudah Membuat Fadding Marquee Text ( Efeks teks menghilang secara perlahan) Pada Mesin WordPress
4. Cara Membuat Efek Teks Mengetik (Ticker Text) Pada Mesin WordPress
5. Cara Mudah, Cepat, Tepat, Aman dan Menyenangkan Upgrade Mesin WordPress
6. Cara Membuat Menu Hierarki (Menu-Submenu) Pada Mesin WordPress
7. Cara Mudah Mensetting Auto Approval Comments
8. Cara Mudah Membuat Blinking Text Yang Valid XHTML1