Membuat WordPress Mobile Theme Dengan Mobilepress Plugin

By bepitulaz on December 27, 2010 under Mobile Web, Wordpress 3 Comments and 0 Reactions

Siapa yang tidak tau WordPress? Sebuah bloging platform yg terkenal dan sekarang sudah berkembang menjadi engine yang bisa dibentuk menjadi apapun. Website ecommerce, portfolio, iklan, ticket support, dll.
Di zaman sekarang ini dimana internet sudah berada dalam genggaman, dan perangkat mobile sudah semakin canggih dan beragam, membuat orang menjadi lebih mudah dalam mengakses sebuah website. Hal ini harus diperhitungkan oleh kita para developer web dalam membangun sebuah website, agar user yang mengakses website kita bisa mendapatkan tampilan yang mobile friendly saat mengakses lewat perangkat mobile.
Jika situs yang kita gunakan berbasis WordPress, akan sangat mudah untuk membuat tampilan themes yang mobile friendly. Di artikel ini akan dijelaskan salah satu caranya dengan menggunakan plugin Mobilepress. Karena penggunaan yang mudah, struktur themesnya sama persis dengan themes WordPress standar, dan bisa membuat themes yang berbeda-beda untuk browser yang berbeda.
Langkah 1:
Download plugin Mobilepress dari http://wordpress.org/extend/plugins/mobilepress/. Install ke dalam folder /wp-content/plugins, lalu aktifkan seperti mengaktifkan plugin biasa, lewat menu plugins.

Langkah 2:
Buat folder mobile-themes di /wp-content/mobile-themes. Dan aktifkan penggunaan folder mobile-themes di setting mobile press.

Langkah 3:
Buat folder beri nama sesuka Anda, di dalam folder mobile-themes. Lalu mulailah buat theme WordPressnya menyesuaikan dengan template hierarchy wordpress (http://codex.wordpress.org/Template_Hierarchy)

Langkah 4:
Set themes mobile anda di menu setting Mobilepress, apakah untuk browser mobile standar atau iPhone (lihat gambar).

Cara melakukan testing themes yang Anda buat menggunakan Mobilepress plugin:

1. Gunakan simulator (iOS simulator jika di mac untuk iPhone dan iPad, atau Blackberry simulator di windows, atau yang lainnya) untuk mengetahui kondisi sebenarnya themes anda apakah sudah pas di layar atau belum.
2. Jika tidak ada simulator masih ada alternatif lain yaitu dengan cara mengetik url http://namadomainanda/?mobile (untuk browser mobile standar), http://namadomainanda/?iphone (untuk ke iphone), http://namadomainanda/?nomobile (kembali ke browser desktop). Kekurangannya tanpa simulator adalah, ukuran themes Anda tidak akan bisa diketahui sebenarnya sudah pas atau belum.

3. Cara 3 gunakan perangkat mobile asli, tentu saja themes anda sudah harus diupload
Happy theming

sumber : http://w3magz.com/255/membuat-wordpress-mobile-theme-dengan-mobilepress-plugin.html