Setting User Agent Plugin W3 Total Cache Untuk Mobile Web

Untuk membuat mobile web seperti plugin WPTouch atau WordPress Mobile Pack, Anda bisa memanfaat settingan user agent dari plugin W3 Total Cache.

Jika blog WordPress Anda tidak menggunakan plugin untuk membuat mobile web seperti plugin WPTouch atau WordPress Mobile Pack, Anda bisa memanfaat settingan user agent dari plugin W3 Total Cache.

User agent di sini maksudnya adalah software agen yang digunakan di setiap browser ponsel/mobile phone. User agent high untuk gadget smartphone yang sudah bisa menampilkan tampilan web yang cukup dinamis. Sedangkan untuk User agent low untuk ponsel yang hanya bisa menampilkan tampilan web yang sangat sederhana.

Untuk mengaktifkan settingan ini, sebelumnya Anda harus mempunyai setidaknya 2 theme WordPress yang cocok untuk tampilan di mobile/ponsel.
User Agent Groups W3 Total Cache
Cara Setting User Agent Plugin W3 Total Cache

  1. Tempatkan theme mobile Anda di folder yang sama dengan theme WP tampilan desktop yang Anda gunakan sekarang.
  2. Kemudiaan Anda masuk di setting tab User Agent Groups pada plugin W3 Total Cache.
  3. Tampilan default, terdapat 2 grup user agent yaitu high dan low. Berikan tanda centang pada opsi enable dan pilih theme mobile Anda pada masing-masing user agent grup.
  4. Opsi Redirect user to diisi jika Anda mempunyai domain tersendiri untuk tampilan Mobile Anda
  5. Anda bisa menambahkan user agent lainnya pada opsi user agents. Tombol create a group jika Anda memiliki kelompok user agents yang lain dengan theme WP yang berbeda pula
  6. Save All settings

Anda dapat melihat tampilan situs Anda sekarang melalui browser ponsel yang Anda gunakan atau Anda bisa menggunakan referensi berikut untuk melihat bagaimana tampilan situs Anda untuk berbagai user agent.

Tool User Agent Untuk Mobile Web

  • User Agent Switcher : Addon Firefox untuk melihat tampilan web/blog dari berbagai user agent
  • Ipad Peek : untuk melihat bagaimana tampilan situs Anda dari PC tablet iPadipadpeek.com
  • The mobiReady : tool untuk mengevaluasi tampilan mobile Anda yang disertai dengan berbagai user agent – www.ready.mobi
  • Browser Safari : Dengan mengaktifkan opsi Preferences > Advanced > Show Develop Menu in menu bar, tersedia berbagai user agent browser yang bisa Anda pilih.
  • Opera Mini Simulator : live demo dari Opera Mini 7 untuk mobile web Anda – in.opera.com/developer/tools/mini/
  • Google Chrome : Pada opsi Tools > Developer Tools (F12), pada sudut kanan bawah terdapat icon Settings, akan tampil opsi user agent yang dapat Anda pilih, serta opsi screen resolution yang sangat membantu melihat tampilan web Anda dari berbagai model ponsel atau desktop.

Author: Jevuska

Rachmanuddin Chair Yahya a.k.a Jevuska is the founder of Jevuska.Com, a qualified web about offering medical articles, blogging, tips, and tutorial of WordPress. Having written for Jevuska since 2007.

Leave a Reply

Your email address will not be published. Required fields are marked *

Use tag [php] to add code, e.g. [php]<?php echo $var; ?>[/php]