Membuat Blog Versi Mobile dengan Plugin WordPress Mobile Pack

By Posted on

Membuat blog wordpress versi mobile caranya cukup mudah, anda hanya memerlukan sebuah plugin untuk mengatasi hal tersebut. Sebut saja plugin WordPress Mobile Pack.

WordPress Mobile Pack adalah plugin yang berfungsi untuk membuat tampilan versi mobile blog wordpress. Dengan sentuhan plugin ini anda dapat membuat blog versi mobile hanya dengan menginstal dan mengaktifkan, kemudian mengatur konfigurasinya sedemikian rupa sehingga hasilnya, blog wordpress anda benar-benar bisa dilihat lewat tampilan visual mobile.

Membuat blog WordPress Versi Mobile
Screenshoot blog versi mobile adhani blog

Cara Setting Plugin WordPress Mobile Pack

  1. Instal kemudian aktifkan plugin wordpress mobile pack
  2. Ada 4 panel menu tambahan ketika anda mengaktifkan plugin wordpress mobile pack. 3 menu terdapat di appearance (Mobile theme, Mobile Widgets, Mobile Switcher) dan 1 menu terdapat di tools (Mobile Analytics).

    Selain itu, anda akan menemui widget tambahan berupa Mobile Switcher Widget yang nantinya bisa anda pasang di sidebar blog anda, atau di sidebar wordpress mobile anda, yang fungsinya untuk memudahkan pengunjung menganti-ganti tampilan dari versi pc ke versi mobile ataupun sebaliknya. Demo.. silahkan lihat di sidebar blog ini, klik Switch to our mobile site

  3. Menu Mobile theme, Dibagian menu ini anda bisa mengatur tampilan wordpress mobile anda. Anda bebas menentukan tampilan output akhir dari versi mobile blog. Silahkan anda bereksperimen sendiri mengenai tampilan tersebut sesuai dengan keinginan dan masing-masing.

    Klo adhani blog memberi semua centang di menu ini kecuali clear cache now, karena apa? Sebab, kecepatan akses merupakan point penting dalam blog versi mobile, terlihat sederhana namun terkesan elegan. That’s it make its simple ^^

  4. Menu Mobile Widget, di bagian menu ini, anda bisa menentukan widget apa saja yang ingin anda tampilkan di versi mobile blog anda dengan memberi ceklist pada widget yang telah anda setting sebelumnya menurut versi pc.

    Semua widget yang tertanam di blog wordpress akan ditampilkan di menu mobile widget ini. Tinggal anda pilih widget mana yang anda suka dan yang diinginkan untuk tampil di blog versi mobile.

  5. Menu Mobile Switcher, Bagian menu konfigurasi mobile pack yang apabila anda salah setting maka, akan berujung pada halaman blog anda menjadi blank. Maka dari itu, di bawah ini adalah screenshoot settingan yang aman agar tidak terjadi kesalahan dalam mengkonfigurasi di bagian menu ini.. silahkan simak gambar di bawah ya,
    Cara Setting menu Mobile Switcher di Mobile Pack
    Cara Setting menu Mobile Switcher di Mobile Pack

    Share Pengalaman Menggunakan MobilePack : Halaman blog menjadi Blank Error

    Saya pernah mengalami masalah blank akibat menggunakan plugin mobile pack, waktu itu ada konfigurasi di plugin tersebut di menu mobile switcher tepatnya di bagian “Switcher mode” saya set ke “domain mapping” karena ketidaktahuan saya saat mengisikan alamat “mobile domains” maka ketika disimpan dan kemudian diakses, halaman blog saya menjadi blank, otomatis waktu itu saya langsung delete lewat cpanel. Sebab, lewat dashboard wordpress pun tidak bisa diakses, pokoknya very very dangerous.

    Sehingga sekarang saya hanya mengatur di bagian mobile switcher ke “browser detection” dan tetap membiarkan apa adanya (kosong) form isian di “Mobile domains“, Saran saya, jangan mengisikan mobile domain jika anda belum memilikinya. Bagaimana cara memilikinya? Maaf saya tidak mengetahui hal ini, lebih baik mencegah daripada kejadian bukan?

  6. Menu Mobile Analytics, bagian menu konfigurasi mobile pack yang bisa anda temukan di Tools >> mobile analytics ini berfungsi untuk mentracking berapa jumlah visitor yang datang ke blog versi mobile wordpress anda.

    Di bagian ini juga, anda bisa menggunakan layanan Percent Mobile
    guna mentracking jenis handphone apa saja yang telah mendarat dan berapa lama waktu yang dihabiskan untuk membaca informasi artikel lewat blog versi mobile, sama seperti tracking visitor layaknya Google Analytics.

    Mobile Anaytics Tracking visitor di Mobile Pack Plugin
    Mobile Anaytics Tracking visitor di Mobile Pack Plugin

    Jika anda ingin menggunakan External analytics provider dari percent mobile, register di link yang telah disediakan, kemudian dapatkan tracking IDnya jangan lupa untuk menyimpan jika telah selesai mengatur konfigurasi di bagian menu ini.

    Saran, tanpa menggunakan external analytics provider, sebenarnya mobile pack pun sudah mentracking berapa jumlah visitor yang datang melalui fasilitas fitur local analytics. Jika anda memasangnya hanya akan berdampak kepada meningkatnya jumlah HTTP request dari data gtmerix.com. Jadi selektiflah menggunakan jasa tracking visitor blog anda.

Mudah bukan? Selain plugin WordPress Mobile Pack anda juga bisa menggunakan Plugin MobilePress untuk membuat Blog versi Mobile. Silahkan anda bandingkan keduanya mana yang menurut anda, patut untuk anda pilih.

Jika menurut adhani blog, seandainya ada pertanyaan mengenai dua plugin tersebut di atas, tentu saya akan menjawab lebih suka menggunakan mobile pack ketimbang mobilpress.

Meskipun mobilepress lebih bagus tampilan mobilenya, tapi karena mobile pack bisa dintegrasikan dengan hyper cache extended yang saya gunakan di blog ini dalam mengubah blog wordpress menjadi blog versi mobile, maka saya lebih prefer menggunakan wordpress mobile pack

BTW, Sudahkah anda membuat blog versi mobile wordpress anda ?

42 comments

  1. Kalau saya menggunakan mobilepress mas.
    Selain ga ribet, juga tampilannya cukup untuk versi mobile 😀
    Dulu pernah juga pakai yang lain, tapi belum sreg aja.
    Saya tes buka blog adhani.com dengan hape dulu ah 😀

    1. jika ingin melihat langsung melalui pc juga bisa mas, tinggal tekan Switch to our mobile site yang sudah saya sediakan di sidebar blog ini 🙂
      inilah yang membedakan antar mobile pack dengan mobilepress

  2. Dulu saya sempat pakai plugin mobilepack ini. Tapi akhirnya kembali lagi pakai mobilepress. Tapi saya tertarik untuk nyobain Mobile Pack lagi setelah menyimak review di atas. Sepertinya sudah ada penambahan fitur baru yang cukup menarik dari plugin tsb.

    1. banyak mas is, terutama yang sudah saya sebutkan di atas,
      di bagian widget pun juga ada penambahan “mobile ads” (Displays AdMob or Google mobile ads), “Mobile barcode” (A 2D-barcode used for navigating to a mobile URL), dan “mobile switche link” (sama seperti yang saya terapkan di sidebar kanan blog ini) ^^

      tapi tetap saja tidak bisa menyamai mobilepress soal tampilan visual mobilenya 🙂

  3. saya dari awal ngeblog udah pake plugin untuk membuat tampilan blog mobile.. maklum saya dl lebih sering ngeblog lewat Hp 😀
    saya dl juga pake plugin ini, tp trus pindah menggunakan mobilepress hingga saat ini

    1. yup, ternyata banyak yang menggunakan mobilepress ya,
      sepertinya saya harus perlu menyebarkan black campaign nih buat mobilepress agar yang lain berpindah ke mobilepack, hehehe (bercanda doank, ^^ xixixi)
      bener mas, mobilepress memang bagus untuk dijadikan alternatif lain selain mobile pack, tapi karena saya begitu sayang dengan plugin ini, tetap mobilepack di hati blog ^^

      1. udah coba mobilepack, tapi dibrowsing pake komputer yang tampil malah versi mobile, bagaimana ya??

    1. belum pernah coba bro eser, karena tampilan themes ini begitu sederhana begitu menggunakan wordpress mobile pack, tapi jika target marketnya untuk luar negeri mungkin menggunakan wp touch bisa dijadikan pilihan untuk blog dengan tema wallapaper. secara, hp hp orang luar kan canggih-canggih, ipad, BB, android dan lain sebagainya. Plugin wp touch mendukung smartphone tersebut

      mengapa saya menggunakan mobilepack, karena banyak pengunjung yang datang ke blog ini dengan menggunakan operamini mas, maka dari itu kesederhanaan dan fast loading merupakan target yang harus dipenuhi

  5. Hallo Mas…

    saya mau nanya nih, cara masukin kode ads Buzzcity dalam plugin WordPress mobilepack gimana ya???

    ane sudah cari di mbah google dari kemaren belum ada hasilnya…

    kalo bisa, mas buat artikel atau kasih linknya saja ke saya

    1. belum pernah dengar ads buzzcity,
      tapi jika ingin memasukkan iklan ke dalam wordpress mobile dengan menggunakan wordpress mobile pack,, khusus untuk admob atau Google mobile ads

      ada 2 cara

      1. pasang script di wigdet text wordpress (versi pc) >> kemudian masuk ke dashboard >> mobile widgets >> beri centang pada widget yang di dalamnya terdapat script buzzcity >> simpan

      2. Pasang Kode ID di widget (appearance >> widgets) kemudian pilih widget “Mobile ads” (Displays AdMob or Google mobile ads) gunakan widget tersebut untuk menaruh kodenya,
      jangan lupa kemudian ke dashboard >> mobile widgets >> beri centang pada widget “Mobile ads” >> simpan

      Jika saudara aulia telah mengingstal plugin mobilepack mungkin akan melihat penambahan widget mobile pack di widget wordpress.
      silahkan dicoba, semoga berhasil ^^, soalnya saya belum pernah mencobanya

      1. _http://www.buzzcity.com/ itu mas alamatnya…

        kalo untuk admob atau google mobile ads saya sudah tau mas, hehe

        Tidak mesti Buzzcity, pokoknya bagaimana cara memasukkan mobile ads selain admob atau google mobile ads

        contoh blog yang menggunakan buzzcity, _http://cerita-dewasa.us* silahkan buka di opera mini kemudian tekan 1 pada mobile ads, pilih link, pilih information

        *bukan punya saya. he2

        note: bukan bermaksud menggurui

      2. tadi sempat jalan2 ke website yang saudara aulia tunjukkan, ternyata dia menggunakan cms wordpress 3.2.1 dan plugin mobilepack 1.2.4
        entah bagaimana caranya,, atau bisa jadi publisher idnya dipasang di widget mobile ads, atau scriptnya di pasang di widget text

        tadi sempat cari-cari juga tentang plugin yang bisa mendukung buzzcity, ternyata mobilepress, saya baca descriptionnya mendukung.. mungkin saudara aulia bisa coba 🙂

        Integration with Aduity.com enables you to serve ads from some of the biggest mobile ad networks such as Admob, Quattro Wireless, Buzzcity and InMobi. You can also serve you own managed ads. You will also be able to track your visitors every move with Aduity analytics.

        “bukan bermaksud menggurui”
        wah, justru saya bertrima kasih sekali, soalnya dapat ilmu baru mengenai mobile ads, cakrawala saya terbuka lebar (hehehe, lebay)…
        kapan2 saya akan coba juga nice info 😛

    1. saya juga barusan tes, ternyata ada kejanggalan mungkin akan saya perbaiki,
      oiya, tampilan akan statis jika menggunakan operamini

  7. saya belum buat versi mobile na gan. tp ne mau install mobilepress. soal na teman2 yang lain pada suka mobilepress.

    1. saya dulu ingin beralih ke mobilepress, cuma karena aduity sudah tidak ada, maka saya beralih ke mobilepack untuk memasukkan ads mobile, insya Allah dalam beberapa waktu ke depan saya akan memposting cara monetisasi dengan memasang iklan di mobile pack,

  8. Wah saya udah coba nieh.. sukses.. Makasih tuts nya

    cuma memang pilihan switch saya ga pasang widgetnya, tadi setelah dicoba klik switch ga mo balik2 lagi ke desktop,penyebabnya chace nya masih versi mobile itu, jadi yah clear chace browser baru balik spt semula.. 😀

    numpang promosi blog saya deh..

    1. tidak bisa masuk ke dashboard bagaimana mas ? apakah dalam versi mobile dashboardnya ?

      atau
      mungkin waktu instal ada yang ketinggalan kali atau bentrok dengan plugin lain

      seharusnya waktu diinstal langsung jalan dan dikonfigurasi di halaman settingannya.

  11. Berhasil berkat petunjuk dari blog ini he..he…he

    tapi untuk tampilan external analytics providernya entah benar atau tidak tolong dikunjungi ya Gan, kalau salah harusnya gimana? diReply saya akan berkunjung lagi untuk melihat jawabannya.

    Terima kasih

    1. external analytics providernya tidak usah digunakan gan,, gunakan tracking dari mobilepack aja secara default.. jika menggunakan tracking external analytics hanya akan memperberat loading akses ke blog agan,,

  12. Saya udah nyoba,bro dan berhasil cuma yg jadi masalah sekarang tiap di switch ke desktop/mobile hasilnya error,file udah writable,dan setiap selasai nulis post kemudian di save draft atau di publish hasilnya blank > .post.php

    1. wordpress baru saja upgrade kemungkinan bentrok dengan plugin lain mas,,kalau dulu saya bentrok dengan plugin seo pressor

  13. Terima kasih mas dhani atas informasinya.

    sekarang saya tidak lagu ragu ingin menggunakan plugin ini.

    Sangat bermanfaat.

    salam

  14. terimakasih untuk artikelnya, sangat bermanfaat saat saya kebingungan tuk setting versi mobile dari web rendang saya.

    ada yang ingin saya tanyakan mengenai theme. Apakah bisa kita tambahkan atau rubah theme dg warna diluar dari theme yang disediakan mereka?

    1. bisa, di bagian setting plugin mobilepack
      appearance >> mobile switcher >> mobile themes >> ada pilihan warna merah, biru dan hijau

      bisa juga dengan upload tema lain ke dalam dashboard wordpress,, mungkin bisa download themes mobile wordpress kemudian di upload, kemudian di set di bagian yang telah saya sebutkan di atas

  18. terima kasih banyak atas ilmunya bang…
    pas saya lagi nyari ini, dan saya temukan jawabannya disini…

  19. kalo aq lebih suka menggunakan plugin w3tc gan, biar nggak kebanyakan plugin sih..hehe.

  20. Udah coba, tapi wakto coba browsing website versi desktopmalah masuk ke versi mobile, jadi sementara didelete dulu plugin-nya lewat cpanel, mohon informasinya.
    thanks

  23. ini dia akhirnya nemu, setela dapat refensi dari budhe zafira tentang belajar wordpress

    niiih hebatnya lagi template mas adhani fast load beud…

    thank mas tutorialnya

Comments are closed.