Menampilkan post thumbnail di wordpress

By . Kategori: wordpress Tags:

irnanto.comMenampilkan post thumbnail di wordpress tidak terlepas dari fitur yang dapat menginputkan gambar sebagai thumbnail atau yang sering disebut featured image di wordpress . Post thumbnail merupakan gambar yang digunakan untuk mengidentifikasi atau menjelaskan post atau artikel yang dibuat atau biasanya thumbnail digunakan untuk penggambaran dari sebuah artikel. Menampilkan post thumbnail biasaya dilakukan pada themplate atau themes wordpress yang tidak ada pengaturan penampilan post thumbnail-nya. Oleh karena itu, kali ini saya akan memberikan tutorial bagaimana menampilkan post thumbnail di wordpress.

Cara Menampilkan Post Thumbnail WordPress

Saya akan memberi sedikit penjelasan mengenai source code yang akan digunakan. Sintaks yang akan digunakan seperti di bawah ini : <?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?> Keterangan :

  • $post_id : (Optional) id post. Default : post ID
  • $size : (Optional) berisi string yang menunjukkan ukuran (seperti thumbnail, medium, large, atau full) atau merepresentasi lebar dan tinggi dalam ukuran pixel, contoh array(50,50). Default : ‘post-thumbnail’
  • $attr :  (Optional) Query string atau array dari atribut (wp_get_attachment_image). Default : none $default_attr = array( ‘src’    => $src, ‘class’    => “attachment-$size”, ‘alt’    => trim(strip_tags( $attachment->post_excerpt )), ‘title’    => trim(strip_tags( $attachment->post_title )), );

Contoh Penerapan Post Thumbnail

if((function_exists(‘has_post_thumbnail’)) && (has_post_thumbnail())) { echo get_the_post_thumbnail($post->ID,’thumbnail’); } Keterangan :

  • function_exists(‘has_post_thumbnail’) digunakan untuk mengecek apakah fungsi has_post_thumbnail ada atau tidak.
  • has_post_thumbnail() digunakan untuk mengecek pengembalian apakah has_post_thumbnail() true atau false
  • echo get_the_post_thumbnail($post->ID,’thumbnail’); digunakan untuk menampilkan hasil dari fungsi get_the_post_thumbnail berupa tag image.

Contoh Penerapan Post Thumbnail dengan Parameter Ukuran

  • get_the_post_thumbnail($post_id); // tanpa parameter -> Thumbnail
  • get_the_post_thumbnail($post_id, ‘full’); // Original resolution
  • get_the_post_thumbnail($post_id, ‘large’); // Large resolution
  • get_the_post_thumbnail($post_id, ‘medium’); // Medium resolution
  • get_the_post_thumbnail($post_id, ‘thumbnail’); // Thumbnail
  • get_the_post_thumbnail($post_id, array(100,100) ); // Other resolutions

Sampai disini dulu pembahasan mengenai Menampilkan post thumbnail di wordpress, semoga bermanfaat dan bisa diterapkan dengan baik. Aamiin

Belum ada komentar untuk “Menampilkan post thumbnail di wordpress”

Tinggalkan Komentar