Tambahan untuk readability
Yak, karena protes tambahan dari FajarMcXoem dan NengBiker, setelah install theme sebelumnya, saya cari-cari lagi plugin untuk ngubah jadi mobile theme yang bagus. Sebenarnya saya agak ogahan pasang mobile plugin ini, karena masalah sekuritas atau keamanan (katanya temen yang heker sih). Tapi demi kemudahan membaca bagi pengunjung yang pakai mobile browser, saya install deh plugin ini.
Saya cari-cari plugin yang relatif aman dan enak dipakai, sekaligus tersedia theme yang simple nan menarik. Cukup lama saya browsing mencari plugin ini. Dan akhirnya saya nemu yang cocok sesuai selera saya. Sebuah plugin yang langsung terintegrasi dengan theme yang sederhana. Plugin ini namanya adalah HandHeld.
Nggak asal langsung pakai pastinya. Saya perlu banyak sesuaikan style tampilan agar mirip-mirip dengan versi desktop-nya. Warna background, logo, ukuran, dan margin saya sesuaikan lagi. Masih banyak ternyata yang harus diedit. Yang paling parah adalah bagaimana menampilkan image menjadi sesuai ukuran device bila ukuran lebar device lebih kecil daripada ukuran gambar.
Sedikit coding, saya buat script dengan jQuery untuk deteksi event resize, terus dicek apakah gambar lebih besar daripada lebar layar. Kalau iya, maka gambar akan ditampilkan lebih kecil daripada lebar layar. Cukup lama juga bikinnya karena ternyata struktur kode HTML theme aslinya kurang konsisten. Jadi kode javascript-nya kadang bisa kadang nggak.
Untuk membantu pengembangan, saya tambahkan addon User Agent Switcher. Tentu saja Firebug tetap jadi rajanya untuk live prototyping. Setelah itu, edit file css dan php aslinya, dan langsung upload. Testingnya langsung online sih, karena repot kalau mau test offline kalau post-nya gak diimport.
Overall, setelah saya coba-coba dan edit berkali-kali (meski sudah online), saya cukup puas dengan hasilnya. Setidaknya sekarang blog saya ini sudah bisa dilihat lebih nyaman di mobile browser. Tapi sepertinya sih tetap mobile browser yang support javascript. Kalau pakai mobile browser seperti opera mini sih, sepertinya tetep gak support.
Buat yang lagi akses blog ini via desktop, bisa lihat skrinsut tampilan mobile-nya ― yang di-capture dengan Firefox + User Agent Switcher as iPhone 3 ― di bawah ini.
Tampilan mobile untuk blog ini
16 Comments
nengbiker
December 5, 2011 at 3:00 amKenek maneeh…
Eh badewe enginemu pke apa sih? Ada bbrp theme yg suda support otomatis punya pilihan mobile kan. Punyaku yg baru gt, tp uda install versi mobile jg sih.
Versi mobilemu tadi pertama kecil trus stlh loading selse baru menyesuaikan sm lebar layar.
Dan sizenya gede, 200kb-an
Haqqi
December 5, 2011 at 7:44 amIya emg, ada thene yg lgsung support mobile. Tp aq uda terlanjur cocok sm yg desktop itu sih..
Masa sih pertama kecil? Emg loadnya agak besar sih, soalnya ada kode2 yg aq tambahin.. masa 200kb itu masih gedhe sih?
aRai
December 5, 2011 at 8:09 amkeyen kakak
Haqqi
December 5, 2011 at 12:52 pm^ pujian gak ikhlas nih, dipelat2in segalaaa…
okinay
December 5, 2011 at 8:11 amWah gak gelap lagi #eh
Haqqi
December 5, 2011 at 12:52 pmgara2 diprotes nengbiker dan bair nih.. mereka kudu tanggung jawab!!
bazz
December 5, 2011 at 9:19 pmeh aku belum lihat sih theme sebelumnya, tapi theme yang ini ramah buat di mata.
Haqqi
December 8, 2011 at 12:48 pmnah, emang itu yang dicari.. biar enak dibaca..!!
Goiq
December 5, 2011 at 11:02 pmapa yang beda yah dari sebelumnya *amnesia*
Haqqi
December 8, 2011 at 12:48 pmloh, kan emang sama.. *lebih amnesia*
iPul dg.Gassing
December 6, 2011 at 7:11 amwahihihi…akhirnya saya berkunjung ke sini..
themes mobilenya keren kakak…tapi penjelasannya bikin mumet, hihihi
Haqqi
December 8, 2011 at 12:49 pmyang penting kan theme-nya, bukan penjelasannya.. wkwk..
Zippy
December 6, 2011 at 11:37 pmBanyak sih yang juga suruh gue bikin versi mobilenya, tapi sampai sekarang gue belum juga bikin π
Alesannya sih simpel, kurang pewe dengan tampilan versi mobile π
Haqqi
December 8, 2011 at 12:50 pmiya sih sebenernya, agak kurang pewe dengan tampilan versi mobile. Tapi emang itu yang dibutuhkan pembaca.. kan theme itu bukan buat kita pribadi.. π
Alid Abdul
December 7, 2011 at 4:20 pmwah pengen, selama ini saya pake yang mobilepress biasa,,, tapi klo sekeren itu mau dong,,, apa daya otak tumpul urusan coding T__T
Haqqi
December 8, 2011 at 12:59 pmini gak coding sepenuhnya kok.. pake theme yang siap pakai aja.. cuma jelas tetep harus editing beberapa hal..