Cara Membuat Custom Caption di WordPress

Caption atau deskripsi dari suatu ilustrasi gambar untuk menerangkan informasi yang ada pada ilustrasi gambar tersebut. Dengan menggunakan caption pembaca blog akan lebih mudah memahami setiap konten gambar yang kita sertakan pada postingan yang dilengkapi dengan caption.

Berikut ini contoh penggunaan caption default dari wordpress:

Background image
Gambar 1. Contoh penggunaan caption di wordpress

Secara default, sistem WordPress telah mendukung penggunaan caption, akan tetapi hanya sebatas seperti tampilan gambar diatas agar tampilan caption terlihat menarik kita harus menggunakan versi wordpress dari wordpress.org atau wordpress.com yang terdapat fitur Additional CSS.

Berikut adalah langkah-langkah untuk mengcustom tampilan caption pada wordpress:

Arahkan pointer mouse pada menu Appearance pilih Customize lalu pilih Additional CSS

Co-past (copy dan paste) kode berikut ini

/* Custom caption */
.wp-caption{
max-width:100%;
text-align:center;
margin-bottom:10px;
padding: 0 50px 0 0
}
.wp-caption .wp-caption-text{
margin:0;
padding:8px;
font-size:12px;
line-height:16px;
color:white;
font-weight:lighter;
background:#ff5722
}

Setelah itu klik Save & Publish.

Demo

Contoh dari implementasi kode CSS diatas bisa diakses melalui link berikut ini “Cara Membuat Custom Caption di WordPress“.

Referensi

Custom caption ini saya temukan pada website omgubuntu.co.uk yang ada pada artikel yang berjudul “Desktop Instagram App Ramme Updated, Now Supports Uploading“.

Kesimpulan

Penggunaan caption sangat penting untuk memberikan keterangan pada ilustrasi gambar. Begitu pula dengan tampilan caption juga harus mendapat sentuhan khusus agar pembaca blog lebih merasa nyaman dengan tampilan yang disajikan.

Jangan lupa untuk membagikan kepada rekan-rekan anda supaya dapat mengimplmentasikan pada blognya masing-masing. Jika masih menemui kendala dalam melakukan implementasinya silahkan langsung menuju kolom komentar 🙂

Salam.

Advertisements

Author: chotibul212

Salah satu anggota tetap Komunitas Linux UPN "veteran" Jawa Timur.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s