IDwebshare Free Movie And Science
Bosan dengan tampilan image caption yang standar-standar saja? Image caption adalah keterangan yang biasanya di bawah sebuah gambar di web. Nah, pada artikel ini saya akan berikat tutorial agar tampilan image caption di web wordpress kamu menjadi lebih menarik. Oiya, tutorial ini dapat kamu gunakan pada wordpress.com maupun wordpress.org a.k.a self hosted 😀
Mau tampilan image caption kamu seperti gambar di atas? Gambar di atas adalah contoh gambar dengan padding berwarna. Ayo kita rubah image caption mu. Masuklah pada dasbor wordpress dengan login di http://namadomainkamu.com/wp-admin/ lalu masuk ke Menu Tampilan di pilih Editor. Pada sebelah kanan menu editor.php silahkan pilih sytle.css, namun jangan lupa untuk mengcopy/backup script css anda di notepad untuk cadangan bila terjadi suatu kesalahan atau ingin merubah css ke tampilan default. Selanjutnya cari apakah sudah ada code .wp-caption pada CSS anda. Untuk mempermudah pencarian gunakan CTRL + F.
Jika tidak terdapat kode .wp-caption pada style.css maka langsung saja copy kode css di bawah ini dan masukan pada baris paling bawah css. Namun jika terdapat kode .wp-caption maka hapus saja kode yang lama dan ganti dengan kode di bawah ini :
line-height: 18px;
margin-bottom: 5px;
max-width: 100% !important;
text-align: center;
background-color: #f3f3f3;
padding: 5px;
font-style: italic;
}.wp-caption.aligncenter {
margin-center: 25px;
}
.wp-caption.alignleft {
margin-right: 25px;
}
.wp-caption.alignright {
margin-left: 25px;
}
.wp-caption img {
max-width: 100% !important;
}
.wp-caption p.wp-caption-text {
color: #888;
padding: 5px 0;
margin: 0;
}
Save lah settingan css anda. Kemudian buat lah posting baru, coba tambahkan gambar serta image captionnya, publikasikan dan lihat hasilnya ! Semoga berhasil 
