Mengaktifkan Fitur Post Thumbnail di WordPress

Sejak di rilisnya WordPress 2.9, kita bisa menggunakan fitur built-in default Thumbnail di wordpress, hanya saja untuk menggunakan fitur post thumbnail tersebut kita harus mengaktifkannya terlebih dahulu di dalam file function.php. Nah pada kesempatan kali ini saya mau berbagi cara mengaktifkan fitur post thumbnail ke dalam theme wordpress yang belum mensupport fitur ini, seperti theme WPsimpy yang saya gunakan ini yang memang khusus dibuat sebagai theme dengan kemampuan fast loading. Cara mengaktifkan fitur post thumbnail sangat mudah kok, anda bisa mengikuti langkah-langkah berikut ini.
Untuk mengaktifkan fitur post thumbnail tinggal menyisipkan kode berikut di file functions.php anda

add_theme_support( 'post-thumbnails' );

Kemudian setelah itu, anda tinggal memanggil fungsi tersebut, didalam loop yang anda ingin tampilkan post thumbnailnya dengan kode berikut

<?php the_post_thumbnail(); ?>

dengan beberapa trik dan beberapa sentuhan di file css anda bisa memperindah tampilan blog anda, berikut langkah-langkah yang saya lakukan di theme Wpsimpy
1. Menyisipkan kode berikut pada file functions.php

/*******************************
 THUMBNAIL SUPPORT
********************************/
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 180, 160, true );

2. Menyisipkan kode berikut di file index.php

<div class="postThumb"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></div>

3. Mengedit file style.css dengan menambahkan kontrol untuk gambar thumbnailnya

.postThumb {
        float:left;
	margin:15px 25px 25px 0;
	width:201px;
	overflow:hidden;
	}
.postThumb img{
        border:none;
	background:#F0F0F0;
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
        }

Hanya dengan cara yang simple, kita bisa membuat blog kita lebih cantik, selamat mencoba

Kata kunci artikel ini adalah :

Tags: fitur, post-thumbnail, Wordpress