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

ads

• SHARES
• Share
• Tweet
• Share
• Share

Previous

Newer Post

Next

Older Post

Posted by Dede Ubed, Published at 25 May and have 0 komentar