membuat tampilan mobile wordpress dari w3c total cache

 sekarang ini memang sudah banyak sekali template wordpress yang sudah support html5 dan full responsive yang mendukung ke tampilan mobile tapi bukan disitu masalah nya disini saya akan memanfaatkan sebuah plugins yang sudah kemaren kita bahas yaitu

 silahkan baca optimasi speed blog menggunakan settingan w3c total cache

 setelah anda menggunakan w3c total cache agar loading blog lebih ringan tidak ada salah nya kita menggunakan kelebihan dari w3c total cache ini yaitu menampilkan blog wordpress untuk hape dimana tentunya template hape akan lebih ringan dibanding dengan template desktop.
 baik sebelum kita ngubek ngubek plugins w3c total cache ini sebaiknya kita boleh persiapkan dulu template wordpress mobile nya atau template untuk tampilan hape nya, rekomendasi dari saya silahkan gunakan semisal template wp touch , carrington ataupun mobilepress silahkan download di web mereka dan jangan lupa hanya ambil themes nya saja jangan semuanya.
 kalo saya pribadi sih lebih menyukai mobilepress disamping tampilannya yang smotth dan juga cepat loading nya, untuk itu saya akan share menggunakan template mobilepress saja.
 ingat sesudah download edit terlebih dahulu template mobilepress nya yang ada di folder themes karena kita hanya akan mengambil folder themes saja tidak semuanya jika tidak diedit maka akan timbul eror saat mengupload nya, jikalau sobat tidak mau repot repot mengedit template mobilepress disini saya sudah sediakan yang sudah saya edit agar tidak terjadi eror.

 template mobilepress editan
 saya disini menambahkan:
 - feature image atau thumbail di homepage
 - postingan readmore (kalo bawaannya cuma judul posting saja disini saya tambahkan artikel sebanyak 150 karakter bisa sobat edit lagi))
 ini penampakan nya di homepage
mobilepress modif

- single page saya cunambahkan share ke social media saja
 - silahkan tambahkan kode google sdsense mobile di sini karena tujuan dari pada menambahkan template mobile intinya memasukkan kode google adsense for mobile :)
 bila berminat silahkan download mobilepress modif
lalu tambahkan ini di robots.txt agar tidak terjadi duplikat konten jikalau sobat menggunakan mobilepress
User-agent: Googlebot
Disallow: /*.php$
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /*?
Disallow: /*?comments=true$
Disallow: /*?postcomment=true$
 saya anggap kita sudah punya template wordpress untuk tampilan mobile nya dan upload lah ke wp-content/theme menggunakan ftp ataupun ftp online jika selesai ,selanjutnya kita buka plugins w3c total cache di performance yang ada di menu kiri
kita pilih performance >> user agent groups
lalu pilih create group
membuat tampilan mobile wordpress dari w3c total cache

namun biasanya sudah ada pilihan yang high sama low dan biasanya user agent nya pun sudah ada namun bila tidak ada silahkan create group lalu centang enable nya contoh nya :

gropname : high
enabled : centang
theme : mobile (template yang kita upload tadi)
user agent : coba cek kalo kalo ada yang kurang bila kurang silahkan tambahkan lagi bisa search user agent di google nya dari berbagai macam perangkat
lalu save all setting

 sampai disini sudah beres membuat tampilan mobile wordpress dari w3c total cache dan bisa kita coba lihat memakai hape atau memakai user agent di firefox untuk melihat perubahannya dengan cara menambahkan add on pada firefox yang bernama user agent lalu tambahkan user agent semisal android ataupun operamini

Komentar