Thumbnail di Random Posts dan Recent Posts

Sudah bisa menampilkan random posts atau recent posts di blog WordPress kamu? Hasil yang ditampilkan dari kedua skrip random posts dan recent posts pada postingan saya sebelumnya memang tidak memunculkan gambar jika post kamu ada gambarnya. Artikel postingan yang muncul juga hanya excerpt (summary) nya saja. Sekarang kita coba menampilkan thumbnail dari kedua skrip tersebut.

1. Buka function.php theme blog kamu dan kopas kode berikut. (simpan aja di bagian paling bawah kode-kode dalam function.php)

<?php
function the_image($size = 'medium' , $class = ”){
global $post;

//setup the attachment array
$att_array = array(
'post_parent' => $post->ID,
'post_type' => 'attachment',
'post_mime_type' => 'image',
'order_by' => 'menu_order'
);

//get the post attachments
$attachments = get_children($att_array);

//make sure there are attachments
if (is_array($attachments)){
//loop through them
foreach($attachments as $att){
//find the one we want based on its characteristics
if ( $att->menu_order == 0){
$image_src_array = wp_get_attachment_image_src($att->ID, $size);

//get url – 1 and 2 are the x and y dimensions
$url = $image_src_array[0];
$caption = $att->post_excerpt;
$image_html = '<img align="left" style="padding:0 4px 4px 0" width="50px" src="%s" alt="%s" class="thumb-home"/>';

//combine the data
$html = sprintf($image_html,$url,$caption,$class);

//echo the result
echo $html;
}
}
}

}
?>

Kode line 27 berisi ukuran thumbnail (width=”50px” dan penempatan gambar (align=”left”). Kamu modifikasi sendiri jika diperlukan.

2. Kemudian tambahkan kode berikut pada line 9 kode –> Random Posts atau Recent Posts:

<?php the_image('thumbnail','post-thumb');?>

Jadinya seperti ini:

&#8230;&#8230;
<div class="entry">< ?php the_image('thumbnail','post-thumb');?>< ?php the_excerpt(); ?> </div>
&#8230;&#8230;

Thumbnail akan muncul, apabila postingan kamu berisi gambar. Jika mau menggunakan skrip ini, pastikan dulu semua postingan berisi gambar supaya tampilannya lebih baik. Selamat mencoba Sob! :)

Baca juga bagaimana pasang thumbnail di Auto-Generated Content.

20 Replies to “Thumbnail di Random Posts dan Recent Posts”

  1. tak coba praktekin mas.. makasih tutorialnbya

    tak coba praktekin mas.. makasih tutorialnbya

  2. om.. kode diatas udah tak coba. tumb nya ndak keluar…

    om.. kode diatas udah tak coba.
    tumb nya ndak keluar sama sekali.. piye iki?!

    mohon pencerahanya gan

    • Harunya muncul jika kamu upload gambar langsung di blog kamu.…

      Harunya muncul jika kamu upload gambar langsung di blog kamu. Mungkin kamu ambil gambarnya dari url situs lain sehingga tidak muncul?

  3. seperti mas ibenk… kemarin sekedar baca2 ane nemu link menarik…

    seperti mas ibenk… kemarin sekedar baca2 ane nemu link menarik mengenai thumbnail dengan gallery default wp yang dah dimodif oleh wp beginner. tapi masih bingung. tolong diulas.
    link: http://wpengineer.com/a-solution-for-the-wordpress-gallery/
    (comment ni ga ditampilin jg gpp) mohon solusinya.

  4. Gimana caranya yang nampilin thumbnail image pake custom field.Ajarin donk….…

    Gimana caranya yang nampilin thumbnail image pake custom field.Ajarin donk….
    Soalnya space webku kecil jadi terpaksa gambarnya kasih di photobucket.

    • Mau tampilnya di mana mas? bisa dicoba peke plugin ini…

      Mau tampilnya di mana mas? bisa dicoba peke plugin ini Custom Field Images

  5. Om jev,mau nanya kalau imagenya ngelink ke photobucket kok image…

    Om jev,mau nanya kalau imagenya ngelink ke photobucket kok image thumbnailnya g keluar ya?

    • memang nggak bisa mas, skrip ini hanya mengambil gambar yang…

      memang nggak bisa mas, skrip ini hanya mengambil gambar yang diupload saja.

  6. tampilan nya di page baru ntu yg bikin ngiler om…

    tampilan nya di page baru ntu yg bikin ngiler om hehehe :)

  7. Om jevuska, klo bole ane mau request :) tapi tetep…

    Om jevuska, klo bole ane mau request :) tapi tetep nyari2 info juga di forum2. Om bisa lihat di h**p://www.moreindonesia.com ato di h**p://www.lincah.com coba klik gambarnya, maka keluar page baru yang tampilanya beda. semacam slideshow. ane mau bikin ky ntu tapi lum nemu kisi2 nya, kali aja om jevuska ngerti buat coding yang satu ni. terima kasih sebelum nya. comment yg ini ga usa di tampilin juga ngga apa2 :)

    • yah mas ibenk.. itu emang dari sononya kalo kita pas…

      yah mas ibenk.. itu emang dari sononya kalo kita pas upload gambar terus diset link url-nya menuju post url.

    • @ibenk… kalo mau punya theme kek lincah.com gak usah cari2…

      @ibenk… kalo mau punya theme kek lincah.com gak usah cari2 turorial mas… tinggal pesen aja ke ane… murah kok… :D

  8. Mas jevuska.. Salam kenal.. :D mohon pencerahannya mas.. itu klo…

    Mas jevuska..
    Salam kenal..
    :D

    mohon pencerahannya mas..

    itu klo dipasang, thumbnailnya yang muncul semua gambar yang ada di postingan…
    klo seumpama hanya 1 yang terpasang bisa ga ya mas?
    :D

    • kemarin saya coba2 utak-atik sambil nyari pencerahan dari brosing, ternyata…

      kemarin saya coba2 utak-atik sambil nyari pencerahan dari brosing, ternyata untuk nyomot 1 gambar saja dari tiap posting kita harus nambahin kode:

      ‘numberposts’ => 1,

      di bawah : $att_array = array(

      jadinya :

      //setup the attachment array
      $att_array = array(
      ‘post_parent’ => $post->ID,
      ‘post_type’ => ‘attachment’,
      ‘numberposts’ => 1,
      ‘post_mime_type’ => ‘image’,
      ‘order_by’ => ‘menu_order’
      );

      silakan dicoba…
      buat om jev..salam kenal dan trims buat share smua ilmunya..its worthy..

      • Mantab kodenya. :) Makasih sudah berbagi sob. Salam kenal juga…

        Mantab kodenya. :)
        Makasih sudah berbagi sob. Salam kenal juga aditya :)

  9. error mas.. ane pake theme TipZ…. ada solusi? thx

    error mas.. ane pake theme TipZ…. ada solusi? thx

    • kalo pake theme lain gimana?Link download themenya please.

      kalo pake theme lain gimana?Link download themenya please.

  10. Kalau gambar ada di situs lain misal di photobucket?

    Kalau gambar ada di situs lain misal di photobucket?

    • bisa tapi pake custom field. Saran saya jangan mengambil gambar…

      bisa tapi pake custom field. Saran saya jangan mengambil gambar dari situs lain, karena itu akan mempengaruhi page speed akibat extra DNS lookups.

Leave a Reply

Use tag [php] to add code, e.g. [php]<?php echo $var; ?>[/php]

*

*