posted on November 30th, 2009 by afwan auliyar @ tips Wordpress

Tips dan trik Wordpress Thumbnail seringkali dibuat agar tulisan terlihat lebih menarik. Terutama bagi temen-temen yang menggunakan theme yang sudah terlengkapi dengan fasilitas thumbnail, tinggal menggunakan saja. Namun tidak semua theme di wordpress yang langsung menyediakan fasilitas thumbnail ini, namun banyak cara yang dilakukan agar thumbnail bisa muncul terutama dihalaman-halaman blog yang menampilkan excerpt. Sehingga dibutuhkan sedikit tips dan trik, ataupun cara menampilkan thumbnail di excerpt ini.

Beberapa cara yang bisa dilakukan adalah sebagai berikut :

  1. Masuk ke halaman appearnce/tampilan >> editor
  2. Cari file utama yang akan mengakses excerpt ini, bisa di page.php , di index.php yang jelas dimana kita mau meletakkannya terutama yang menggunakan fungsi excerpt ini.
  3. Kemudian cari kata “excerpt” dan diganti dengan code berikut :
  4. <?php $thumbnail = (get_post_meta($post->ID, 'thumbnail', $single = true)) ? '<img class="alignleft" style="margin: 8px;" src="'.get_post_meta($post->ID, 'thumbnail', $single = true).'" width="150" height="inherit" alt="'.get_the_title($post->ID).'" />' : ''; ?>
    <?php echo $thumbnail; the_excerpt(); ?>

    Untuk code yang berwarna merah bisa di setting sesuai kebutuhan.

  5. Kemudian simpan perubahannya.

Kemudian untuk bisa memunculkan excerpt yang bergambar tersebut di setiap postingan anda tambahkan hal berikut :

  1. Cari “Custom Fields”.
  2. Untuk pertama kali, pada kolom “Name” isilah dengan “thumbnail” dan isilah kolom “value” nya dengan URL gambar yang akan dimasukkan.
  3. Untuk selanjutnya setiap kali posting, pada kolom “Name” tinggal di klik select, lalu akan muncul pilihan, pilihlah yang thumbnail, dan “value” nya tetap dengan URL gambar yang akan di masukkan.

Mungkin cara-cara menampilkan thumbnail juga sudah banyak. Bisa juga memanfaatkan beberapa plugin yang support untuk menggenarate secara otomatis. Thumbnail juga bisa mempercantik postingan yang akan dimunculkan. Untuk liat hasil nya bisa dilihat di beberapa page di blog ini seperti SEO, wordpress, internet.

Yup, itulah cara singkat yang bisa dipakai untuk menampilkan thumbnail pada excerpt sebuah wordpress. Tentu cara ini bisa diterapkan dimana fungsi excerpt ini dipakai. Bisa di halaman home maupun page-page lainnya. Sekiranya ada masukan, ditunggu komentarnya :) .




20 Responses to “Cara menampilkan thumbnail di excerpt”
sawali tuhusetya berkata :

dengan thumnail di homepage, tampilan blog tampak lebih keren, mas afwan, seperti tampilan majalah atau tabloid. mantab infonya.

cah ndeso berkata :

siipp Om. Makacih tutorial-e. Emang bisa mempercantik excerpt jadinya dan ndak monoton.

Salam sukses dari Lereng Muria dan mPIISSSSSS :D

blogpopuler berkata :

Thanks infonya, saya mau coba dulu

Ello berkata :

Wah, aku coba akh!

suwung berkata :

sayang diriku gaptek

wi3nd berkata :

wan,wp aku bisa ju9a kan?
aku plajarin dulu yaa,mencerna pelan2 neeh :D

OOT: Terima kasih dan terimakasih (itu yang bisa Yanti ucapkan saat ini…). Untuk itu, selamat, Anda termasuk Blogger terbaik dan mampu memotivasi saya untuk menulis. YOU ARE NICE BLOGGER award ini Yanti persembahkan buat anda mas… Salam Hangat. Yanti

Terima kasih dan terimakasih (itu yang bisa Yanti ucapkan saat ini…). Untuk itu, selamat, Anda termasuk Blogger terbaik dan mampu memotivasi saya untuk menulis. YOU ARE NICE BLOGGER award ini Yanti persembahkan buat anda mas Afwan. Salam Hangat. Yanti

Blogger Nekat berkata :

mas, tukeran link ya.. linknya sudah terpasang di halaman depan blogku disidebar bagian “L I N K”

Url blog :: 4dyxtm.blogspot.com
Anchor text :: Blogger Nekat

Makasih.. ;)

fanz berkata :

waduh ga nemu nih bro :(

sobatsehat berkata :

mantep gan tips nya, agar tampiln lebih oke ya

jimmy berkata :

selama ini saya gak pernah tahu maksud dari custom fields, ternyata salah satu kegunaannya untuk ini ya.. mantap tips nya!

cyzko berkata :

Expert tuh apan gan ??

afwan auliyar berkata :

excerpt itu ringkasan dari tulisan kita ….
secara otomatis Wordpress akan meringkas tulisan kita jika memanggil fungsi excerpt di codeing kita ….
biasanya hal tersebut terdapat dalam pemanggilan archive, atau kategori yang tulisannya tidak full

Mantab nih infonya…

pligg.com berkata :

Cara menampilkan thumbnail di excerpt & seputar Tips dan trik Wordpress | HOT-HOT di internet…

Thumbnail seringkali dibuat agar tulisan terlihat lebih menarik. Terutama bagi temen-temen yang menggunakan theme yang sudah terlengkapi dengan fasilitas thumbnail, tinggal menggunakan saja. Namun tidak semua theme di wordpress yang langsung menyediaka…

sinopi berkata :

blogspot ga bisa yah?

mark berkata :

mas kalo nampilin gambarnya di dalam detaail artikel gmn (biasanya di singlepage.php)? kalo di bagian excerpt udah keluar

afwan auliyar berkata :

bisa langsung ditambahkan di tulisannya atau menggunakan cara ini dengan menambahkan kode diatas, tapi hilangkan code ini “the_excerpt();” di halaman artikel yang ingin dimunculkan …..

Leave a Reply
Blog ini menggunakan KeywordLuv, untuk mengoptimalkan keyword anda masukan : NamaAnda@keywordAnda, pada kolom Nama.

CommentLuv Enabled


Top Keyword :


excerpt itu apa, ini, cara+menampilkan+gambat+di+website, Cara menampilkan tulisan pada halaman, Cara menampilkan tulisan pada blog, cara setting thumbnail wordpress, apakah excerpt dalam wordpress ?, menampilkan gambar dg thumbnail di php, cara menampilkan postingan utama di blog, cara menampilkan gambar yang gak bisa ditumnail, menampilkan thumbnail, thumbnail to url, Menampilkan thumbnail loading gambar di web HTML, cara menampilkan gambar di mail, MEMBUAT THUMBNAIL WORDPRESS, menampilkan tumbnail gambar di wordpress, yang, cara membuat thumnail post, CARA MENAMPILKAN THUMNAIL, menambahkan page thumbnail wordpress, cara membuat thumbnail otomatis di wp, menampilkan foto di tumbnail, mengetahui value pada custom field wordpress, menampilkan database bergambar di php, cara menampilkan komentar di halaman depan blogger, bagaimana cara menampilkan tulisan halaman depan di blogger, plugins wordpress thumbnail, menampilkan thumbnail di expert, cara setting thumbnail di custom field, cara menampilkan thumbnail, menampilkan thumbnail di wordpress, memunculkan tumbnail otomatis di wordpress, cara menampilkan thumbnail di wordpress, thumnail blog, cara memunculkan thumbnail di wordpress, cara menampilkan tampilan wordpress di google, agar tulisan menarik, cara menamplkan thumbnail di blog, menampilkan url, name, web pada comment wordpress, cara menampilkan thumbnail di post, cara menampilkan artikel pilihan di halaman utama blogger, cara menampilkan thumbnail posting pada halaman depan wordpress, THUMBNAIL TIDAK MUNCUL, thumbnail tidak bisa muncul gambarnya, Cara excerpt,