Internet Marketing

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 :) .


BlueDEX Ads

33 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 …..

[...] Cara menampilkan thumbnail di excerpt [...]

cowox_katrox berkata :

Mas, kalo menampilkan thumbnail dari situs2 terkait gimana ya ? kayak blog ini http://faisal.web.id…ajarin donk !

turisuna berkata :

saya pake plugin aja mas, soalnya bingung modiv pake thesis theme, maklum buta masalah coding :) Tapi tipsnya oke banget mas.

dhuryodana berkata :

Info Mantap sob..trims

Thanks for sharing keren…tips nya
Baca juga blog Twitter Artis Indonesia .. Ramalan_Zodiak: Cara Unik Bersembunyi Di Dalam Mobil: http://twurl.nl/ef28v7 My ComLuv Profile

Ivan Syba dari Wordpress Themes berkata :

Keren tipsnya…. di beberapa themes tips ini todal berjalan tapi bisa pake plugin
Baca juga blog Ivan Syba@Wordpress Themes .. Blogussion WordPress Themes My ComLuv Profile

fukyu berkata :

nice info deh gan
kebetulan ane lagi belajar ginian
Baca juga blog fukyu .. Tips SEO Off Page WordPress My ComLuv Profile

aghni suhendar berkata :

infonya sangat bermanfaat……thx a lot…..

Mas Irwan berkata :

tutorialnya bagus nih…nanti klo template saya gak ada thumbnail generatornya saya mau pake cara mas deh :)
mas boleh tukeran link ?

Haidir berkata :

apakah cara ini bisa bekerja di themes yang sudah memiliki fitur thumbnail secara otomatis, blog saya (http://www.haidir.co.cc) memakai themes bigfoot dari themejunkie, tp thumbnail di halaman depan blog dan thumbnail popular post di sidebar ngga muncul..kira2 masalahnya dimana ya Mas Afwan?mohon pencerahannya ya Mas…Terima Kasih banyak sebelumnya
Baca juga blog Haidir .. 10 Orang Terkaya di DuniaMy ComLuv Profile

masyhury berkata :

afwan, numpang lewat ya…
thumbnail punya aq gk mau muncul, gk tau apa yg salah…

afwan auliyar dari tips Wordpress berkata :

itu muncul kok …. :)

masyhury berkata :

iyah, itu bukan pakai cara di atas..
tapi karna temanya yg saya pakai. maaf..
Baca juga blog masyhury .. Benarkah Video Malaikat Turun di Atas Ka’bahMy ComLuv Profile

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

CommentLuv Enabled


Top Keyword :


cara menampilkan blog katalog, menampilkan thumbnails pada postingan wordpress, menampilkan ringkasan di halaman depan wordpress, tips dan trik agar tulisan menarik, menampilkan thumbnail posting blog, cara menampilkan personalize, cara menampilkan gambar di web, Read More thumbnail Otomatis di themes WordPress, kode excerpt, bagaimana menampilkan thumbnail pada postingan read more, tumbnail pada Php Excerpt, menampilkan excerpt di sidebar, bagaimana caranya gambar yang tdk tampil pada thumbnails, cara memunculkan gambar pada thumbnails, tumbnails cara menarik, Thumbnail For Excerpt, menampilkan thumbnail web, menampilkan thumbnail di homepage otomatis, menampilkan thumnails gambar pada homepage wordpress, cara menampilkan gambar otomatis, agar thumbnail bagus, tampilkan posting blog secara thumbnail, menampilkan thumbnail di home, cara memunculkan lagi nama di view thumbnails, tampilan excerpt wordpress, menampilkan thumbnail facebook di blogspot, memunculkan posting dengan thumb image, plugin read more otomatis agar gambar kelihatan di wordpress, thumbnail tidak muncul, thumbnail tidak bekerja, cara menampilkan gambar banyak di web, cara menampilkan gambar di thumbnails, thumbnail link di facebook tidak muncul, menampilkan thumbnail pada wordpress, kegunaan custom fields, cara memunculkan gambar pada web, menampilkan gambar dengan costum field image, menampilkan gambar dengan field image, menampilkan picture pada halaman depan wordpress, memunculkan thumnabil di wordpress, cara menampilkan thumbnail di post wordpress,