Skip to content
Follow us on Twitter or subscribe to this
website by email or with the RSS feed

Post Thumbnail Image, Fitur Baru WordPress 2.9

Ada sebuah fitur baru pada WordPress 2.9 yang mungkin belum banyak yang tahu, yaitu Post Thumbnail Image. Dengan fitur tersebut, kita bisa menampilkan image thumbnail pada homepage blog tanpa harus menginstall plugin tambahan seperti Post Attached Image.

Lalu bagaimana cara menggunakan fitur tersebut di blog kita? Pertama, kita harus mengaktifkannya terlebih dahulu, karena pada WordPress 2.9 default-nya fitur tersebut belum aktif.

Adapun cara mengaktifkannya yaitu sebagai berikut:

  1. Edit file function.php yang terdapat pada direktori theme yang kita pakai. Jika file tersebut belum ada kita harus membuatnya terlebih dahulu.
  2. Tambahkan baris berikut ini untuk mengaktifkan Post Thumbnail UI.

    add_theme_support('post_thumbnails');

  3. Simpan perubahan pada file tersebut.

Langkah berikutnya kita harus mengedit file index.php yang terdapat pada direktori theme. Kita harus menambahkan the_post_thumbnail() di bagian loop untuk menampilkan image thumbnail pada homepage blog.

Contohnya adalah sebagai berikut:

<?php while (have_posts()) : the_post(); ?>
...
<div>
<?php the_post_thumbnail('thumbnail'); ?>
<?php the_content('Read more'); ?>
</div>
...
<?php endwhile; ?>

Ada beberapa cara yang bisa kita pakai untuk memanggil fungsi the_post_thumbnail(), yaitu antara lain:

// tanpa parameter, image akan ditampilkan sesuai ukuran aslinya
the_post_thumbnail();
// ukuran thumbnail
the_post_thumbnail('thumbnail');
// ukuran medium
the_post_thumbnail('medium');
// ukuran besar
the_post_thumbnail('large');
// ukuran lain dalam pixel
the_post_thumbnail(array(100,100));the_post_thumbnail(array(300,200));
the_post_thumbnail(array(600, 400));
//  rata kiri
the_post_thumbnail(array(100,100), array('class' => 'alignleft'));
//  rata kanan
the_post_thumbnail(array(100,100), array('class' => 'alignright'));
//  rata tengah
the_post_thumbnail(array(100,100), array('class' => 'aligncenter'));

Setelah proses modifikasi theme selesai, langkah berikutnya kita bisa mengatur image yang akan dijadikan thumbnail pada masing-masing posting melalui editor Post/Page yang ada di bagian administrator.

Begitu kita mengaktifkan fitur Post Thumbnail Image, secara otomatis di sebelah kanan bawah editor Post/Page akan ditambahkan sebuah menu yaitu Set Thumbnail. Klik menu tersebut untuk memilih image yang akan kita jadikan thumbnail. Upload image baru jika belum ada image yang cocok. Berikutnya klik Use as Thumbnail untuk menjadikan thumbnail.

Mungkin ada yang mau menambahkan? Mari kita diskusikan sama-sama di sini.

Post to Twitter Tweet This Post to Delicious Delicious Post to Digg Digg This Post to Facebook Facebook Post to MySpace MySpace Post to StumbleUpon Stumble This

Artikel Terkait:

POST BANNER

Bagaimana Komentar Anda?

Monggo kalau Anda mau mengomentari tulisan di atas! Bertanya atau mengkritik juga boleh, tapi jangan terlalu menyakitkan :).

  • nana | March 1st, 2010 jam 9:10 am

    bikin file function.php-nya gmn seh?

    **Bikin dengan Notepad terus simpan dengan nama functions.php. Upload file tersebut ke direktori theme yang kita pakai.

  • ruth | March 2nd, 2010 jam 5:02 pm

    salam kenal mas..
    saya mau tanya mas..wp saya versi 2.9.2 trus di function.php nya udah ada:

    if ( function_exists( ‘add_theme_support’ ) ) { // Added in 2.9
    add_theme_support( ‘post-thumbnails’ );
    add_image_size( ‘home-thumbnail’, 325, 150, true );
    add_image_size( ‘box-thumb’, 60, 60, true );
    }

    tapi pas mo posting itu ga ada menu untuk Set Thumbnail…itu gimana yah mas…
    mohon bantuannya ..terimakasih…

  • Wahyu Wibowo | March 3rd, 2010 jam 2:25 am

    Pakai theme bikinan sendiri atau apa?

  • abu | April 14th, 2010 jam 11:13 pm

    Di function.php dan index.php pada theme yang saya download udah ada fasilitas post thumbnails.
    Cuma saya pake wordpress 2.8.6 . Set Thumbnail-nya gak ada. Apa memang ga bisa ya utk versi 2.8.6?
    Saya coba upgrade ke 2.9.2 melalui cpanel tapi ada jawaban:
    No Upgrade Required
    Your WordPress database is already up-to-date!
    Barangkali Mas bisa membantu..
    Termakasih

  • abu | April 15th, 2010 jam 2:30 pm

    Oya upgrade wordpress ke 2.9.2 udah sukses. Tapi Set Thumbnail di edit post/page tetap ga ada. Gimana mas?

  • andie | June 27th, 2010 jam 12:23 am

    Sama kasusnya di atas. Udah upgrade ke 3.0 tapi post tumbailnya gak ada. gimana solusinya.

  • Wahyu Wibowo | June 28th, 2010 jam 10:13 pm

    Pada WordPress 3.0 namanya bukan post thumbnail tapi Featured Images, lokasinya sama di sudut kanan bawah editor

Tinggalkan Pesan