You are here: JomPHP » Wordpress »

Jadikan blog wordpress anda “mobile friendly”

Jadikan blog wordpress anda “mobile friendly”

Posted by EiNS at 11:36 pm

Majalah9 - Eksplorasi Duniawi

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.

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 with Thumbnails

Related posts:

  1. Memasang Post Views di blog wordpress anda
  2. 5 plugin wordpress yang anda harus cuba
  3. Perkhidmatan setup blog wordpress
  4. Cara set gambar lebar penuh di blog WordPress anda
  5. Cara mudah mencuba WordPress di pc anda

Categories: Wordpress
Tags: , , , , , , ,

Discussion

  1. are-pa (4 comments.) says:
    Thursday, November 12, 2009 at 11:59 pm

    dengkinyer~ :getlost: are-pa´s last blog ..Birthday yang Special! My ComLuv Profile

    Reply
  2. darkk (48 comments.) says:
    Friday, November 13, 2009 at 1:45 am

    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. My ComLuv Profile

    Reply
  3. finalcross (34 comments.) says:
    Friday, November 13, 2009 at 2:22 pm

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

    Reply
  4. Eriyza (15 comments.) says:
    Friday, November 13, 2009 at 3:34 pm

    Menarik topik ni.
    Thanx.
    Eriyza´s last blog ..Pintu Terkopak Ditalu Kapak My ComLuv Profile

    Reply
  5. Roslan Nazri (13 comments.) says:
    Friday, November 13, 2009 at 3:51 pm

    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 My ComLuv Profile

    Reply
  6. mohdisa (16 comments.) says:
    Friday, November 13, 2009 at 6:51 pm

    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 My ComLuv Profile

    Reply
  7. CikguDin says:
    Friday, November 13, 2009 at 9:17 pm

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

    Reply
  8. enKHA (21 comments.) says:
    Saturday, November 14, 2009 at 9:17 am

    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? My ComLuv Profile

    Reply
  9. Khai (15 comments.) says:
    Sunday, November 15, 2009 at 2:09 am

    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 My ComLuv Profile

    Reply
  10. eldy (4 comments.) says:
    Sunday, November 15, 2009 at 6:50 am

    blogger.com dpt tak ?

    Reply
  11. naz (3 comments.) says:
    Monday, November 16, 2009 at 8:15 pm

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

    Reply
  12. aizuddin (44 comments.) says:
    Friday, April 16, 2010 at 5:06 am

    macam best..nak try la :biggrin: aizuddin´s last blog ..Trick : Cara Senang Apply Widget Wowzio My ComLuv Profile

    Reply

Leave a Reply





CommentLuv Enabled
:alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub:
OPTION: 1