Membuat dua tampilan berbeda blog wordpress pada dekstop dan mobile

Pengakses internet dewasa ini semakin banyak yang menggunakan perangkat mobile, jadi tidak hanya didominasi para pengakses yang menggunakan komputer.Untuk itu penting bagi para pengelola web/blog  untuk meningkatkan aksesbilitas blog yang baik pada perangkat bergerak ini.
Pada umumnya tampilan dekstop akan lebih berat dan views yang kurang bagus jika diakses menggunakan browser perangkat mobile yang notabene memiliki layar yang cukup sempit.Kesimpulannya,agar semakin fleksibel dan friendly blog harus bisa memenuhi untuk dua tampilan berbeda untuk dekstop dan perangkat bergerak.Dimana blog akan akan secara otomatis menyesuaikan tampilan situs yang simple untuk mobile, sehingga lebih ringan.Dan juga otomatis bisa menyesuaikan tampilan web yang kompleks untuk pengguna dengan PC dekstop.
Kalau kita membuat blog menggunakan blogger, tampilan mobile otomatis bisa kita setting melalui dashboard.Namun berbeda untuk blog wp self hosting, karena tampilan mobile yang diinginkan haruslah kita upayakan sendiri.

Jika kamu menganggap penting mode tampilan blog berbeda ini, maka silahkan untuk terus membaca.


Untuk blog wordpress kamu cukup hanya menginstal plugin dan melakukan beberapa setting, maka blog kamu sudah siap untuk menyajikan dua tampilan berbeda untuk dekstop dan mobile.
Cara kerja utama plugin ini adalah  sebagai switcher yang akan bekerja otomatis dengan deteksi browser pengguna, kemudian akan menampilkan theme blog yang sesuai dengan browser/device yang dipergunakan.Tergantung dari setting yang kita masukkan, bisa juga sekaligus pengunjung untuk memilih sendiri mode tampilan yang diinginkan.
Disini saya merekomendasikan plugin bernama Mobile Switcher, yang gratis bisa kamu install melalui dashboard blog wp kamu.Sebenarnya ada banyak plugin yang sejenis, namun plugin ini yang sudah saya pakai dan saya buktikan bekerja dengan baik.

Cara instalasi dan setting.


Pertama :
Install plugin Mobile Switcher terlebih dahulu melalui dashboard blog.Seacara default, plugin ini sudah membawa serta 4 thema blog yaitu blue, green, red dan base.Namun kamu bisa menambahkan sendiri thema blog wp mobile sesuai dengan keinginan kamu.

Kedua: Disini ada pilihan apakah kamu akan menggunakan subdomain untuk tampilan mobile , misalnya m.mysite.com atau tetap menggunakan domain utama untuk dua mode tampilan.Jika ingin menggunakan subdomain khusus m.mysite.com untuk tampilan mobile, maka kamu sebelumnya harus membuat subdomain tersebut atau membuat domain aliasnya.Menurut saya, jika ingin menggunakan m.mysite.com sebaiknya menggunakan domain alias saja karena lebih mudah.Jika menginstal wp tersendiri sendiri pada subdomain sebenarnya juga bisa dengan melakukan setting database yang sama, namun cara ini agak cukup ribet juga.Tergantung selera saja deh.

Setting

Setelah kamu menginstal, silahkan lihat pada Appearance maka disana ada 3 link yang menyatakan: mobile themes, mobile widgets dan mobil switcher.Untuk mobile themes, mobile widgets tidak perlu kita bahas, karena hanya bersifat opsional dan akan mudah kamu mengerti.Yang kita bahas yang paling penting saja, yaitu setting pada mobile swithcer.

Switcher mode
Membuat dua tampilan berbeda blog wordpress pada dekstop dan mobile

List dropdown, ada 4 pilihan disana:

Disabled: Jika menginginkan mobile switcher tidak diaktifkan
Browser detection: Jika kamu tidak menggunakan subdomain khusus e.g m.mysite.com, maka ini adalah pilihannya.Jadi, browser akan mendeteksi dan memberikan tampilan secara otomatis yng sesuai dengan device/useragent pengguna.

Domain mapping: Ini adalah pilihan jika kamu menggunakan subdomain khusus, jadi jika situs diakses menggunakan perangkat mobile maka akan menampilkan plihan bagi pengguna untuk mengakses pada subdomain m.mysite.com yang sebelumnya sudah dibuat/diset pada hosting.

BOTH:Browser detection and Domain mapping: Ini akan secara otomatis mendeteksi dan sekaligus menampilkan mode situs sesuai dengan perangkat pengguna.Dengan catatan kamu harus membuat domain khusus tampilan mobile pada hosting terlebih dahulu.

Jika kamu tidak mau ribet membuat subdomain khusus, sebaiknya pilih mode pilihan yang pertama yaitu Browser detection.

Mobile theme
Pilih tampilan/thema mobile yang kamu inginkan.Disana sudah ada 4 tampilan mobile bawaan dari plugin Mobile swithcer.Jika kamu menginstall thema khusus kesukaanmu, juga akan terdeteksi disana dan bisa kamu pilih/terapkan.

Browser detection
Hanya ada satu pilihan, jadi biarkan saja default.

Desktop domains
Ini adalah alamat situs kamu yang akan ditampilkan jika diakses menggunakan PC Dekstop, isi saja misalnya www.mysite.com.

Mobile domains
Pilihan ini hanya akan aktif jika kamu melakukan setting pada Browser detection atau Browser detection and Domain mapping.Isi saja dengan subdomain khusus mobile yang sudah kamu persiapkan.

Footer links
Chekbox, boleh dicentang jika menginginkan pengguna untuk bisa memilih mode tampilan blog yang diinginkan sendiri melalui link footer.Tidak usah dicentang jika tidak menginginkan link footer tersebut ada diblog kamu.

Mudah bukan?,,,,,
Sekarang blog kamu sudah siap diakses dengan baik dan sesuai dengan device dari pengguna.
Baik diakses menggunakan perangkat bergerak ataupun PC dekstop, blog kamu tetap bersahabat berkat bantuan plugin gratis tersebut.Selamat mencoba!!

Category

Acer Adventure Afghanistan Agama Alcatel Amerika Serikat Android AndroMax Anime Anti Virus AntiVirus Aplikasi Apple Arab Saudi Artis Korea AsiaFone Asus ATM Axioo Baju Batik Bank Berita Artis Berita Kontroversi Berita Lokal Berita Panas Berita Terkini Berita Unik Bikin Blog Biologi Bisnis bisnis internet bisnis keuangan Bisnis Online Blackberry Blog Tools Blogger Platform Blogspot Bola Bookmark Boy Band Browser Budidaya Pertanian Bukti Pembayaran Buku Byond CD and DVD Tools Celana Jeans Cepat Hamil Chat Compaq Compression and Backup Cross CSS Databases Dell Design Desktop Developer Tools domain hosting Dompet download gratis Downloader Drama Drivers dunia Editors and Convertors Elektronika Email Entertaiment Entertainment menarik Facebook Fashion Film Flashdisck Forex Trading Foto foto Foto foto lucu Foto foto menarik Futsal Gadget Gadget lainya Gallery Gambar gambar aneh Games Gaya Hidup Habibie Ainun Handphone Hardware Harganya Headline Healthy Helm Herbal Hewan lucu hiburan Hp BB Hp CSL Hp Esia Hp HTC Hp K-Touch Hp Mito HP Motorola HP Nokia HP Samsung Hp Sony Ericson HTC HTML Html Templates Huawei Ide Bisnis IDM Image Editors Imo Indonesia Info Hotel Info Unik Informasi informasi terbaru inspirasi Internasional Internet Investasi IPA iPad iPhone Irak Iran Jam Tangan Joomla Modules Joomla Templates Kacamata Kamera Kamera Digital Kaos Kata-kata Kata-kata Galau Kebaya Kecantikan Kehamilan Kemeja kesehatan Key Aktivator kisah nyata Komputer Kumpulan Nama bayi Islami Kunci Gitar Laptop Lebanon Lenovo LG Lifestyle Lirik lagu Live USB Love Magento Themes Masakan Media Player Media Sync Meizu Merawat Anak Messaging and Chat Misteri Misterius Mito Modem Motivasi Motor Musik Nama Anak News Ponsel Nexian Nexus Nokia Nulled Scripts Obat Office olah raga Olahraga Online Storage Opini Other Templates otomotif Palestina - Israel Payment Proof PC Laptop PC Suite Pendidikan pendidikan anak Pendidikan Seksual Penyakit Peralatan blog Photos and Images PhpFox Themes Mods Plugins Politik PPC Prestashop Themes Property Raffi Ahmad Raket Recording Resep Resep Makanan Resep masakan Review Rokok Rumah Rusia Sajadah Samsung Sejarah Seks selebritis Selimut SEO Sepakbola Sepatu Sex Smartphone SMS Online Social Media social network Software Sony Sport Style Surat Suriah Tablet Tahukah? Teknologi Terbaru Terkini Three Tips Tips bloging Tips Trik toko online Toshiba trik seo trik tips Turki Turki-Suriah Tutorial Tutorial hosting TV TV Online Tweaks Twitter Umum Unik Unik dan Aneh Untaian Kata Utilities valentine VBulletin Themes Video Virtualization Walpaper Wanita Wawancara Web browser Windows Wisata Alam wordpress Wordpress Plugins Wordpress Themes X Factor ZTE