Cara menampilkan thumbnail di wordpress dengan Javascript

adscblog

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

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 24 Mei and have 0 komentar