Posted on

Jadikan blog wordpress anda “mobile friendly”

Scr000008 Scr000006

Zaman sekarang, browsing internet menggunakan smartphone sudah menjadi perkara biasa. Kadang2 saya juga membaca dan memantau blog ini serta membalas komen pembaca menggunakan telefon bimbit.Tetapi, masih banyak lagi website dan blog tidak di-optimasikan untuk mobile layout. Akibatnya, website dan blog tersebut memerlukan masa yang lama untuk load apabila dibuka melalui mobile browser malah paparan serta navigasi kurang memuaskan disebabkan resolusi smartphone yang agak rendah.

Tutorial ini akan mengajar anda cara2 untuk menjadikan blog wordpress anda lebih mesra telefon bimbit. Versi mobile bagi blog wordpress anda menekankan sepenuhnya kepada content dan mengabaikan sidebar, header, footer dll jadi page lebih ringan dan load lebih cepat. Jimat kredit jika guna data plan 3.5g misalnya. Ia juga mesra sentuhan (touch friendly) menjadikan navigasi melalui smartphone seperti Iphone, Android, WinMo, Symbian, Blackberry dll lebih mudah dan senang.

Pertama sekali, install plugin WPTouch. Kemudian activate.

Pergi ke wordpress dashboard > settings > wptouch. Anda akan lihat banyak customization options.

image

Anda boleh pilih untuk menentukan apa yang akan keluar di main page. Saya uncheck options “Show Tags” dan check “Hide Excerpts”. Main page baru nampak lebih kemas kalau buat macam ini.

image

Secara default, plugin ini hanya memaparkan blog anda dalam bentuk mobile jika anda menggunakan Iphone, Blackberry, Android dan Opera Mini sahaja. Maknanya phone2 lain tidak disokong.

Untuk menambah sokongan phone lain, anda kena lebih kreatif. Pada bahagian custom user-agents; highlight dan copy paste semua benda2 dibawah.

nokia, ericsson, samsung, windows mobile, bolt, digia, skyfire, playstation  

Lepas ini, jika anda menggunakan browser Nokia misalnya, anda juga akan dapat melihat blog anda dalam bentuk mobile sama seperti pengguna Iphone, Android dll.

BACA :  Cara menambahkan fungsi avatar dan “read more” pada blogspot

image

Anda juga boleh customize appearance mobile blog anda; sebagai contoh anda boleh refer pada screenshot mobile blog JomPHP dan mobile blog Eins Lobby.

Anda juga boleh menukar icon mobile blog, samada menggunakan icon sedia ada atau upload icon anda sendiri.

Saya kira tutorial ini sangatlah simple, kalau anda cuba dalam 5 minit boleh buat dah kot. Kalau dah jadi, lepas ni bolehlah heboh2kan yang blog anda boleh dibaca menggunakan handphone pulak. Haha.

Selamat mencuba. 🙂


RELATED POSTS

20 thoughts on “Jadikan blog wordpress anda “mobile friendly”

  1. dengkinyer~ :getlost:
    .-= are-pa´s last blog ..Birthday yang Special! =-.

    1. dengki kenapa plak? :blink:

  2. Kewl gila tuts ni. Haha. Tapi malang nya handpon tak power. Nokia 1200 sahaja. 🙂
    .-= darkk´s last blog ..Cerita yang Ditulis pada Bulan 4 yang Baru Terjumpa Semula. =-.

    1. Bila nak guna sematpon? haha mmg mahal sket tp tak rugi sbb bnyk ilmu leh blaja
      .-= EiNS´s last blog ..My Top 5 Treat List =-.

  3. Hmm,nice info bro… senang la aku nak browse blog-blog member camni. hehe
    .-= finalcross´s last blog ..11 best online video converters. =-.

  4. Menarik topik ni.
    Thanx.
    .-= Eriyza´s last blog ..Pintu Terkopak Ditalu Kapak =-.

  5. ape nak wat kalo kuo pop up dia kate tak on lagi java script on mobile safari..pada hal aku pki browser hp aku je..n then kalo reload baru dia masuk..huhu..tapi aku bukak blog ni gune hp ok jer.. :blink:
    .-= Roslan Nazri´s last blog ..Happy Birthday & Holiday To Me =-.

    1. Ko off ajax dalam setting wptouch…pastu clear all history, cache then try masuk balik blog ko…

      gerenti berjaya 🙂
      .-= EiNS´s last blog ..My Top 5 Treat List =-.

  6. wah, siapalah nak melawat blog aku guna hp ya. tp aku nak gak install benda ni. hehe
    .-= mohdisa´s last blog ..Penulisan Di Waktu Kecil =-.

  7. hehe kena upgred Hp la.. bleh x akar cara nk bt menu/tabs kt blogger

  8. Tiap hari aku duk tggu post baru kat JomPHP..post kali ni pula best2..thank Q for great sharing..lagipun exam final nak abis,lagi semangatlah nak Mod Blog aku..hehe
    .-= enKHA´s last blog ..Ada Apa Pada USD 0.99? =-.

    1. Trimas kerana tunggu artikel JomPHP…
      hehe aku pun student gak sibuk ngan final xm nih…xleh la nak update hari2..

      tunggu cuti sem baru leh tulis artikel bebanyak 🙂
      .-= EiNS´s last blog ..My Top 5 Treat List =-.

  9. patut roslan tiba2 suruh buat benda ni.. aku pun pasal la WordPress Mobile Edition.. then try view jomphp kat henpon, nampak tajuk ni.. sabo je la..

    tp plugin ni macam lagi ensem la..
    .-= Khai´s last blog ..Cara dan Tips Berhenti Rokok Paling Berkesan =-.

    1. Ko patut buat la mobile edition ntuk JK, OA ngan OHtidak tuh…haha…baru up-to-date beb…

      tapi customize la sket apperance tu…default dia x cun mana la..haha
      .-= EiNS´s last blog ..My Top 5 Treat List =-.

  10. blogger.com dpt tak ?

  11. :w00t: kena buat ni, sbab dlm stats, byk juga visitor dr browser symbian, blackberry. thanks.

  12. macam best..nak try la :biggrin:
    .-= aizuddin´s last blog ..Trick : Cara Senang Apply Widget Wowzio =-.

  13. […] boleh dilayari dalam bentuk mobile sejak setahun yang lepas lagi. Kini, laman-laman blog JomPHP juga boleh dilayari dalam bentuk web […]

  14. Saya coba dulu yach sobbb..

    Tenk’z yach atas infonyaaa..

Tinggalkan komen anda