Mengambil Gambar pertama sebagai Thumbnail

Mengambil gambar pertama sebagai thumbnail di Blog wordpress, disini dimaksudkan adalah blog wordpress sahabat akan menjadikan attachment image ( gambar yang di unggah di post artikel ) pertama sebagai thumbnail di Direktori arsip atau direktori artikel yang telah diset menampilkan thumbnail.

Atau setidak nya disini blog wordpress sahabat akan menampilkan gambar pertama yang diunggah walaupun gambar tersebut tidak di set sebagai feature image, atau intinya akan mengambil gambar tersebut dan dijadikan sebagai thumbnails kalau feature image tidak sahabat set.

wordpress thumbnail

Langsung saja , ke praktek ( lebih baik coba dulu di localhost biar aman ).

Masuk ke direktori Themes sahabat , dan buka functions.php

Lalu tambahkan code berikut ini di akhir baris dari functions.php atau sebelum code ?> :

 

/* mengambil gambar attachments untuk fungsi thumbnail POST*/
function inforiatif_get_thumb($postid=0, $size='thumbnail') { /* dapat diganti thumbnails atau full */
    if ($postid<1)
    $postid = get_the_ID();
    $thumb = get_post_meta($postid, "thumb", TRUE); /* menunjukkan custom field untuk gambar */
    if ($thumb != '') {
        echo $thumb;
    }
    elseif ($images = get_children(array( /*bila sahabat mengunggah sebuah gambar maka fungsi ini untuk mengambil gambar pertama*/
        'post_parent' => $postid,
        'post_type' => 'attachment',
        'numberposts' => '1',
                'orderby' => 'menu_order',
                'order' => 'ASC', /* bila ingin gambar akhir / reverse ganti dengan DESC*/
        'post_mime_type' => 'image', )))
        foreach($images as $image) {
            $thumbnail=wp_get_attachment_image_src($image->ID, $size);
            echo $thumbnail[0];
                        }
        else { /*Bila sahabat tidak mengupload gambar apapun sebagai custom thumbnail maka akan menampilkan gambar default */
        echo get_bloginfo ( 'template_directory' ); /* sebagai alamat ke direktori themes sahabat*/
        echo '/images/thumbnail.jpg'; /* thumbnail.jpg adalah gambar default apabila tidak ada thumbnail artikel yang dapat ditampilkan ( dapat sahabat ganti dengan nama lain) , dan "/images/" adalah subfolder dari direktori themes dan tempatkan thumbnail.jpg tersebut di dalam folder images */
    }
}

Dan sahabat dapat menampilkan Thumbnail tersebut dengan memanggil fungsi yang telah dimasukkan ke functions.php tadi dengan code berikut ini , dapat sahabat tempatkan di index.php, archive.php , dan lain sebagainya.

 

<img src="<?php inforiatif_get_thumb($post->ID, 'thumbnail'); ?>" alt="<?php the_title(); ?>"/>

Diatas adalah mengambil gambar untuk default dari ukuran Thumbnail ( biasanya 150px X 150 px ).

Apabila ingin menampilkan image thumbnail tersebut dengan link artikel yang berkaitan secara kompleks , seperti berikut:

 

<a href="<?php the_permalink() ?>" rel="bookmark">
<img src="<?php inforiatif_get_thumb($post->ID, 'thumbnail'); ?>" alt="<?php the_title(); ?>" />
</a>

 

Dan berikut adalah untuk lebih mempersingkat penempatan code pemanggil thumbnail agar lebih efisien, dengan menambahkan kode berikut di bawah kode yang telah kita tancapkan di functions.php tadi. pilih dari salah satu code berikut ini sesuai dengan themes sahabat menggunakan Timthumb atau tidak.

– tanpa timthumb

/* fungsi tanpa timthumb */
function thumb_get() {
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
<img src="<?php inforiatif_get_thumb($post->ID, 'thumbnail'); ?>" alt="<?php the_title(); ?>" />
</a>
<?php
}

– dengan timthumb

/*Fungsi dengan thumbnail*/
function thumb_get() {
?>
<a href="<?php the_permalink() ?>" rel="bookmark">
<img src="<?php echo get_template_directory_uri(); ?>/script/timthumb.php?src=<?php inforiatif_get_thumb($post->ID, 'full'); ?>&amp;h=150&amp;w=150&amp;zc=1" alt="<?php the_title(); ?>" />
</a>
<?php
}

dan untuk memanggil fungsi diatas adalah dengan :

<?php thumb_get(); ?>

 

Sebagai catatan , untuk memanggil fungsi timthumb pastikan timthumb.php berada pada folder “script” di direktori themes sahabat. Kalau sahabat ingin menggunakan timbthumb tapi themes sahabat belum mempunyai timthumb bisa di lihat disini :

http://timthumb.googlecode.com/svn/trunk/timthumb.php

buat script php baru dengan nama :
timthumb.php , lalu kopi paste code yang ada pada source timthumb.php di google code ke timthumb.php sahabat, dan tambahkan ?> , pada akhircode timthumb.php sahabat.

buat folder baru di direktori themes sahabat, bernama :
script ,  lalu letakkan timthumb.php yang sahabat buat tadi ke folder script di direktoti themes sahabat.

dan buat folder baru didalam folder script , dan pastikan folder baru tersebut dengan nama :
cache , setting CHMOD folder cache ke 755

Untuk referensi fungsi CHMOD bisa dilihat disini :
CHMOD .

Apabila pada permission / CHMOD 755 mengalami error maka ganti dengan 777

 

Happy Blogging 😀 , selamat bereksplorasi .