Setting Post Thumbnail di Twenty Ten

Post Thumbnail adalah fitur baru pada WordPress yang berguna untuk menampilkan image thumbnail pada blog. Post Thumbnail ini sudah ada sejak WordPress versi 2.9, hanya saja default-nya fitur tersebut belum aktif.

Pada artikel ini saya akan mengulas sedikit tentang cara mengaktifkan serta menampilkan image thumbnail pada blog menggunakan fitur tersebut. Tulisan ini merupakan kelanjutan dari artikel sebelumnya yang juga membahas tentang Post Thumbnail.

Theme yang saya pakai pada kasus ini yaitu Twenty Ten. Namun demikian Anda bisa juga mempraktekkannya pada theme lain, tidak harus persis sama seperti yang saya pakai di sini. Tinggal disesuaikan saja file theme yang perlu kita modifikasi.

Jka kita menggunakan theme Twenty Ten default-nya fitur ini sudah diaktifkan. Untuk mengetahui hal itu, kita harus login terlebih dahulu sebagai Administrator. Selanjutnya lihat di sebelah kanan bawah editor Post. Jika disitu ada menu Set Featured Image (WordPress versi 3+) seperti gambar di bawah ini, itu berarti fitur tersebut sudah aktif. Akan tetapi jika tidak ada berarti Post Thumbnail tersebut belum diaktifkan.

Cara Mengaktifkan Post Thumbnail

Klik menu Appearance – Editor untuk mengedit theme yang kita pakai. Pilih Theme Functions (functions.php) dari daftar file Template yang ada di sebelah kanan editor Theme. Tambahkan baris add_theme_support('post-thumbnails') seperti gambar berikut ini pada file tersebut.

Klik Update File. Lihat pada editor Post, jika menu Set Featured Image sudah muncul berarti Post Thumbnail berhasil diaktifkan.

Catatan:

Untuk theme lainnya, jika function.php tersebut tidak ada kita harus membuatnya terlebih dahulu pakai Notepad atau editor lain dan simpan dengan nama function.php. Selanjutnya upload file tersebut ke direktori theme yang kita pakai.

Cara Menambahkan Image Thumbnail Pada Halaman Post

Klik Set featured image yang ada di kotak menu Featured Image. Upload gambar yang akan dijadikan Post Thumbnail melalui kotak dialog Set Featured Image. Setelah proses upload selesai, klik Use as featured image. Untuk lebih jelasnya lihat gambar di bawah ini.

Selanjutnya tutup kotak dialog tersebut.

Cara Menampilkan Post Thumbnail Pada Homepage

Untuk menampilkan image thumbnail pada homepage blog, kita harus mengedit theme secara manual. Caranya, klik file loop.php pada editor theme lalu sisipkan baris berikut ini setelah <div class="entry-content"> (baris ke-141):

<?php
if ( function_exists("has_post_thumbnail") && has_post_thumbnail() )
{
the_post_thumbnail(array(200,160), array("class" => "alignleft post_thumbnail"));
}
?>

Anda bisa mengubah ukuran maupun posisi thumbnail yang ingin ditampilkan seperti pada artikel sebelumnya. Berikutnya lihat homepage blog menggunakan web browser. Jika muncul gambar di sebelah artikel berarti proses tersebut berhasil.

Catatan:

Untuk theme lain (selain Twenty Ten) cari file template yang dipakai untuk menampilkan daftar posting. Biasanya untuk homepage, nama template tersebut yaitu Main Index Template (index.php).

Barangkali ada yang menggunakan theme lain? Silakan berbagi pengalaman di sini.

Images: Free Stock Photos.