Tak dipungkiri lagi bahwa template JA Purity II yang dikeluarkan oleh Joomlart secara gratis telah begitu melekat di hati para penggemar Joomla (khususnya yang kantongnya cekak seperti penulis). Beragam fitur yang dilekatkan pada template ini,membuat purity begitu nyaman untuk digunakan, tak kalah dengan template-template premium lain.

Sebagaimana kita ketahui, sebaik dan seindah apapun font yang kita gunakan untuk mendukung perwajahan situs kita, font tersebut tidak bisa dimunculkan di layar user, bilamana user tidak mempunyai font tersebut. Inilah yang menjadi salah satu tantangan terbesar bagi para web designer. Ada beberapa cara yang digunakan agar font yang tampil di komputer kita (saat pengembangan) bisa juga tampil di layar pengguna, (1) Mengubah tampilan font tersebut jadi gambar atau (2) menggunakan flash untuk menampilkannya (pada joomla bisa menggunakan extension jSIFR, contoh aplikasi bisa dilihat di www.joomlacountry.com untuk menampilkan aksara jawa). Cara lain yang saat ini diunggulkan menjadi alternatif untuk menampilkan font tertentu adalah penggunaan cufon (untuk yang belum tahu cufon baca di sini ya).

Kembali ke JA Purity II, salah satu fitur yang dijadikan unggulan di template ini adalah penggunaan cufon sebagai salah satu alternatif untuk menampilkan font yang kita inginkan. Sayangnya sampe versi 1.2.0, pembuat template sepertinya lupa men-setting agar bagi orang awam seperti penulis bisa dengan mudah mengatur aktif/tidaknya font ini dari backend.

Yang pertama harus kita lakukan adalah mengubah font yang akan kita gunakan agar bisa digunakan untuk cufon. Untuk mengubahnya bisa kita lakukan di sini.

Setelah itu, untuk bisa mengatur cufon dari backend, kita bisa menyunting file templateDetails.xml, dan pada baris 122 sisipkan kode

[param name="@title" type="japaramhelper" label="CUFON" description="Cufon text replacement" /]
[param name="ja_cufon" type="list" default="1" label="Enable Cufon" description="Chose Yes if you want replace text in headers on your site. It does not support Unicode"]
[option value="0"]No[/option]
[option value="1"]Yes[/option]
[/param]

sebelum

[/params]
[/install]

Jangan lupa untuk "memanggil" font yang ingin kita gunakan, caranya sunting file direktori_joomla_anda/templates/ja_purity_ii/layouts/blocks/head.php

Setelah baris 39, sisipkan

[script language="javascript" type="text/javascript" src="/[?php echo $this->templateurl(); ?]/libs/cufon/fonts/Font_anda_yang_telah_diconvert.font.js"][/script]

dan juga

[script type="text/javascript"]
Cufon.replace(
'p.font-anda',
{ fontFamily: 'Font_anda_yang_telah_diconvert' }
);[/script]

Untuk mencobanya di artikel anda, pada artikel (HTML editor) cara memanggil adalah:

[p class="font-anda"]Tulisan ini telah berubah menjadi font yang anda ingingkan[/p]

Selamat mencoba

Last Updated on Tuesday, 27 April 2010 10:02  

Komunitas Pengguna Joomla Indonesia