Cara menampilkan thumbnail di wordpress dengan Javascript

Pernahkan anda sempat bingung karena ketika anda membuat postingan di wordpress,thumbnail postingan di homepage ternyata tidak muncul,terutama bagi newbe,jika anda mengalami hal seperti itu,anda perlu mengikuti terus artikel ini,karena artikel ini akan menjelsakan bagaimana anda bisa menampilkan thumbnail di postingan wordpress anda,dan kali ini saya akan berbagi pengalaman bagaimana menampilkan thumbnail di wordpress anda menggunakan javascript,dan cara pembuatannya adalah sebagai berikut.

silahkan anda masuk ke index.php anda,dan silahkan anda sisipkan kode berikut di index.php anda

<?php if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else {
echo '<img src="http://i1147.photobucket.com/albums/o553/jonobones/thumbnaildefault.png" alt="'.get_the_title().'" class="wp-post-image"/>';
} ?>

Nah untuk membuat tampilannya sedikit lebih menarik,silahkan anda masukan CSS berikut di Style template wordpress anda

img.wp-post-image {
float:left;
margin-right:5px;
width:100px;
height:100px;
padding:3px;
border:solid 1px #cccccc; }

Kemudian silahkan anda sve template nya,dan setelah itu silahkan anda lihat hasilnya,selamat mencoba,dan semoga artikel ini bisa membantu anda semua,salam blogger

• SHARES
• Share
• Tweet
• Share
• Share

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by D2Ubed, Published at Mei 24, 2015 and have 0 komentar