Side22Press

Pada dunia maya, semakin jauh mempelajari materi tentang image atau selanjutnya sepakat kita sebut sebagai gambar. Kita mungkin akan semakin mengerti alasan beberapa situs besar sangat pelit untuk masalah ini.

Ini berhubungan erat dengan performa sebuah situs atau sekitar awal Desember kemarin (kalau tidak salah 3 Desember 2009), Google menulisnya sebagai Site Performance dan menempatkannya sebagai bagian Labs pada Google Webmaster Tool.

Ada beberapa baris petunjuk khusus, hanya untuk penanganan sebuah gambar yang di pasang dalam sebuah situs. Membaca dengan seksama solusi-solusi yang ada, justru semakin membingungkan saya pribadi yang baru mengenal dunia ini. (Monolog: Ini jelas bukan sekedar SEO, atau markah yang valid) Karena ini berhubungan erat dengan kompabilitas lintas peramban, server penyedia gambar, situs yang menampilkannya, kenyamanan pengunjung yang membukanya, metode penyajiannya dan sebagainya dan sebagainya, bla.. bla.. bla..

Apa hubungannya dengan Dropcap ?

Kecuali dalam konteks khusus, -maaf- tidak pada saudara-saudara kita yang tuna netra. Normalnya, mata manusia diperlakukan oleh pemiliknya untuk melihat yang indah-indah, bahkan dalam kegiatan membaca sekalipun.

Pada beberapa kasus, kadang-kadang seseorang memang lebih mudah untuk menterjemahkan dan mengingat sesuatu melalui ilustrasi gambar dibandingkan seribu baris kalimat. Maka, secara pribadi, saya menganggap sebuah gambar tetap harus diakomodir dalam sebuah situs atau blog.

Dan dropcap adalah sebuah pilihan untuk dipergunakan sebagai alternatif pengganti gambar dalam fungsinya sebagai pemanis tulisan tanpa harus kehilangan nilai performa.

Apa itu Dropcap ?

Dalam dunia penulisan, kita mengenal istilah Inisial, huruf pertama yang mempunyai dimensi lebih besar dibandingkan huruf-huruf yang lain pada teks yang mengikutinya dan dipergunakan untuk mengawali sebuah tulisan, sebuah bab, sebuah ayat, atau sebuah paragraf.

Inisial adalah kata serapan Initial yang diambil dari bahasa latin Initialis yang arti sebenarnya adalah ditempatkan sebagai awal.

Dilihat dari tingkat kesulitannya, teknik menuliskan sebuah inisial pada HTML bisa di bedakan menjadi 3 cara, yaitu ;

1. Baseline format, cara ini cukup dilakukan dengan merubah ukuran inisialnya saja. Dengan cara ini, inisial dan text yang mengikutinya berada dalam satu margin yang sama.
2. Table format dengan dua cell. Cell sebelah kiri untuk menampung inisial dan pengaturannya dan cell sebelah kanan untuk menampung text atau kalimat atau paragraf yang mengikutinya.
3. Drop cap atau Dropped Capital Letter. Pada cara ini, Inisial akan memangkas margin beberapa kalimat dalam paragraf yang menyertainya dan kemudian mengembalikan kata atau kalimat berikutnya pada margin awal setelah dimensi Inisial dilewati. Untuk metode penulisan ini diperlukan kombinasi HTML dan Properti Styling Sheet bernama floating dengan value left.

Bagaimana memperlakukan Dropcap ?

Platform WordPress menyediakan dokumentasi lengkap termasuk didalamnya dokumentasi Shortcode API untuk dijadikan acuan pembuatan fungsi-fungsi sesuai kebutuhan masing-masing penggunanya.

Sebagai seorang pemula, newbie, saya baru bisa memanfaatkan fasilitas ini untuk membuat fungsi yang mempermudah, mempercepat dan mengurangi tingkat kesalahan penulisan kode pada saat mengetik sebuah posting yang menyertakan dropcap, seperti pada judul tulisan Prolog 2010 : Yrrah beta 1.0.

• Jika tema yang dipergunakan mempunyai file functions.php, tambahkan baris fungsi berikut :
  
<?php
function my_dc( $atts, $content = null ) {
return '<span class="dropcap_1">' . $content . '</span>';
}
add_shortcode('dropcap_1', 'my_dc');
?>

• Pada Stylesheet utama, tambahkan sebuah class seperti berikut (292 bytes saja) :
  
.dropcap_1 {
float:left;
text-align:justify;
margin:5px 15px 0 0;
padding:25px;
font-family:Magneto,Monotype Corsiva,Mistral,Old English Text MT,Tempus Sans ITC,Vladimir Script,Viner Hand ITC,Vivaldi,Georgia;
font-size:75px;
color:#fff;
background:#474747;
border:1px solid #dedede;
}

• Berikutnya, tulis sebuah posting sebanyak satu paragraf diawali kalimat berikut :
  
[dropcap_1]T[/dropcap_1]est dropcap sebagai pengganti image untuk mempertahankan estetika dan memanjakan mata dengan tetap menjaga performa sebuah situs.


Silahkan kustomasi ulang contoh diatas sesuai selera anda, jika ingin mengaplikasikannya pada tema yang anda pergunakan.

Untuk master-master silahkan tambahkan.

Referensi :

• Initial – Wikipedia
• Shortcode API – WordPress
• Renungan pribadi saat menterjemahkan sebuah Pekerjaan Rumah dari seseorang berinisial D