Seorang web developer dituntut untuk memiliki rasa estetika yang tinggi. Seorang web developer haruslah pandai menilai website yang sedang dibangunnya apakah bagus dari segi tampilan, cepat dalam proses loadingnya, memiliki konten yang menarik dan informatif serta memiliki menu navigasi yang mudah dioperasikan. Pada artikel kali ini saya ambil studi kasus pengembang website berbasis cms wordpress. Wordpress merupakan sebuah cms yang dikeluarkan oleh wordpress.org secara Cuma-Cuma alias gratis dan open source, jadi pengembang website boleh saja merubah mengotak-atik skrip awal dari cms wordpress menjadi lebih baik lagi. Ditambah lagi banyaknya plugin-plugin yang akan mendukung serta meningkatkan performa website berbasis cms wordpress yang membuat para developer website jatuh cinta padanya termasuk saya. Banyak sekali para blogger yang mulai memahami betapa asyiknya ngeblog menggunakan wordpress, mereka mulai berduyun-duyun memindahkan blog nya dari blogger.com ke wordpress.org self hosted.
Kembali ke benang merah, setelah bermigrasi dari blogger.com ke wordpress.org sering kali banyak web developer belum memaksimalkan fitur-fitur yang ada di wordpress. Saya ambil contoh, berdasarkan pengalaman saya menjelajah di berbagai blog berbasis wordpress adalah tampilan dari blog mereka tampak bagus dan rapi jika diakses dari computer desktop. Namun ketika saya coba mengakses blognya dari piranti mobile barulah terlihat kekurangannya, menu navigasi tampak penuh dan bertumpuk-tumpuk. Sungguh kurang indah di pandang mata dan cukup menyulitkan pengunjung untuk bernavigasi. Selain itu kadang juga adanya iklan adsense di halaman posting yang terpotong karena ukuran layar tidak memungkinkan untuk menampilan iklan tersebut.
Untuk itu pada postingan kali ini saya akan mengajak para web developer wordpress untuk bersama-sama sedikit demi sedikit memperbaiki tampilan halaman blognya agar sedap dipandang mata.
Bagaimana cara agar blog tampak responsif ketika diakses dari smartphone ?
Anda dapat menggunakan plugin Jetpack by wordpress untuk membuat tampilan blog anda lebig responsif. Langkah pertama yang harus anda lakukan adalah menginstall plugin jetpack by wordpress. Ada banyak sekali fitur yang ditawarkan oleh plugin jetpack by wordpress, salah satunya adalah Mobile Theme. Dari banyak fitur yang ada di jetpack by wordpress silahkan aktifkan fitur mobile theme. Kemudian lanjutkan dengan mengkonfigurasikan fitur ini.
Pada halaman konfigurasi mobile theme, konfigurasikan seperti gambar di atas. Pada excerpts pilihlah option Enable excerpts on front page and on archive pages. Fungsinya agar setiap artikel di halaman utama akan dipotong sejumlah beberapa kata saja, jadi isi dari artikel tidak ditampilkan penuh. Kemudian pada Featured Images pilihlah Hide all featured images untuk menyembunyikan semua fitur image ketika halaman blog di akses lewat perangkat mobile. Dan langkah terakhir adalah menyimpan konfigurasi tersebut.
Bagaimana cara agar iklan adsense di halaman postingan menyesuaikan ukuran layar ketika diakses dari smartphone ?
Pasanglah jenis iklan adsense yang responsif di halaman postingan artiekl anda, pada unit iklan pilihlah jenis iklan yang responsif. Iklan ini akan menyesuaikan ukuran layar, jika diakses dengan computer desktop maka iklan tampak besar atau memanjang tapi jika diakses lewat smartphone bentuk iklan akan menyesuaikan ukuran layar smartphone.
Welldone.
Welldone.
0 komentar