Cara Menggunakan Fitur Post Thumbnail Images di WordPress

Template Landing Page untuk Blogspot

Meskipun fitur Post Thumbnail Images sudah ada sejak kelahiran WordPress yang ke 2.9 ternyata masih banyak yang belum tau keberadaannya, fitur ini adalah menampilkan sebuah gambar di postingan kita tetapi gambar tersebut tidak masuk dalam isi post, begitulah kira-kira sederhananya 🙂

Cara mengaktifkan fitur ini cukup gampang, tinggal kita buka functions.php dan menambahkan kode sebagai berikut :

add_theme_support( 'post-thumbnails' );

Ini ada juga cara menampilkan di page tapi saya belum nyoba 😛

add_theme_support( 'post-thumbnails', array( 'post' ) ); // untuk post
add_theme_support( 'post-thumbnails', array( 'page' ) ); // untuk pages

Nah kita juga bisa menentukan ukuran gambarnya sesuai dengan theme kita, begini caranya :

//working with thumbnails
if (function_exists('add_theme_support')) { // as of WP 2.9 
add_theme_support('post-thumbnails'); // activate thumbnails 
set_post_thumbnail_size(220, 130, true); // // Normal post thumbnails
add_image_size('custom-thumbnail', 500, 400); // custom thumbnail size
}

Nah, pada bagian loop dimana gambar akan ditampilkan, kodenya seperti ini :

<?php the_post_thumbnail(); ?>

atau memakai logika if gunanya untuk ngecek apakah ada post thumbnailnya atau tidak :

<?php
if ( has_post_thumbnail() ) {
	// jika ada
} else {
	// jika tidak ada munculkan apa gitu 
}
?>

Sudah selesai!

Bagaimana Cara Menggunakannya?

Ketika Anda membuat Posts baru pada bagian kanan bawah ada penampakan seperti ini :

Baca Juga:  Membuat Breadcrumb WordPress Tanpa Plugin

Klik pada Set Featured Images maka akan muncul jendela yang menyuruh kita untuk meng-upload gambar, Setelah upload gambar selesai kita tinggal klik Us as featured images seperti gambar ini :

Selesai! 🙂

Tags

thumbnail wordpress tidak muncul,thumbnail tidak muncul wordpress,thumbnail tidak muncul,membuat featured post di wordpress,thumbnail tidak muncul di wordpress,cara menampilkan gambar pada postingan wordpress,agar foto utama berita muncul saat dishare ke whatsapp,cara menampilkan thumbnail pada preview link whatsapp di wordpress,cara muncul foto di share di wordpress,cara menampilkan gambar dipostingan halaman depan,memunculkan foto link wordpress,Tampilkan thumbnail pOST BLOG,cara menampilkan gambar di wordpress,cara menampilkan thumbnail di worpress,Cara agar link website terdapat thumbnile foto,plugin untung menghilangkan thumbnail wordpress

Komentar

comments

zulsdesign

Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan :)

grain storage kocaeli escort
%d bloggers like this: