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 Blog WordPress Dua Bahasa

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 tidak muncul,thumbnail wordpress tidak muncul,thumbnail tidak muncul wordpress,membuat featured post di wordpress,thumbnail tidak muncul di wordpress,link share berita dari wordpress ke wa tidak keluar fotonya,cara menamoilkan gambar preview pada post wordpress,cara menampilkan foto di laman wordpress,cara memunculkan thubnail posting lama wp,cara menyematkan foto twitter postingan di wordoress,Cara menggunakan post thubnail,cara menampilkan thumbnail wp,cara menampilkan thumbnail di wordpress,cara menampilkan thumbnail di posting wp,cara menampilkan thumbaill blog wordpress di fb bagi pemula,cara menampilkan sebuah link dihome wordpress,cara gambar muncul thumbnail wordpress,cara menampilkan post thumbnail dalam brilio net,cara menampilkan foto thubnail di wp,cara memunxulkan thumbnail di whatsapp

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: