WordPress Trik, Membuat Widget tidak diload pada Smartphone

Membuat Widget tidak diload pada SmartphoneWordPress merupakan platfom blogging mandiri yang paling banyak digunakan di dunia ini. WordPress banyak digunakan lantaran kebebasan kita dalam mengolah suatu blog. Jika kamu sekarang menggunakan platfom wordpress.org atau self hosting, tentu sudah tidak asing lagi dalam mengedit tampilan website sampai semenarik mungkin. Nah, pengunjung blog kita pastinya datang dari berbagai perangkat, mulai dari PC, Laptop, tablet, dan smartphone. Untuk menarik pengunjung, tentu kita ingin loading blog yang cepat, terutapa yang berasal dari smartphone, karena biasanya kalo jaringan lambat, pengguna langsung menutup blog kita sebelum blog tersebut muncul. Nah, penyebab lambat nya blog sendiri terdiri dari banyak faktor, salah satunya yaitu widget.

Jika kita lebih memilih menggunakan tamplate responsive dari pada mobile ( kebanyakan untuk alasan penampilan iklan ), biasanya widget-widget yang kita pasang, akan ikut diload. Walaupun kita telah menyembunyikan widget tersebut menggunakan css “display:none;” tetap saja widget tersebut diload cuma disembunyikan saja oleh browsernya. Maka dari itu, tutorial kali ini akan membahas cara termudah bagaimana agar widget tidak dimuat /diload ketika pengguna membukanya di smartphone.

Download Plugin WordPress AdInserter

  • Sebenarnya plugin ini untuk menampilakan iklan pada blog kita. Namun bisa juga kita manfaatkan untuk menampilkan widget. Plugin ini memiliki fitur yaitu server detection yang kita perlukan.
  • Download plugin adinserter disini ( new tab ). Atau cari plugin di halaman wordpress kamu dengan kata kunci ‘adinserter’.

  • Silahkan install dan aktifkan seperti biasa.
  • Dalam contoh kali ini, saya akan menggunakan script facebook page. Jadi facebook page saya yang ada di sidebar desktop tidak akan diload pada smartphone.
  • Jika selesai, masuk kehalaman setting adinserter.
  • Pilih nomor tab/block yang kamu inginkan. disini saya akan pilih nomor 7.
  • Silahkan masukkan kode yang kamu mau. Contoh : Saya masukkan kode facebook page.

Wordpress plugin adinserter code

  • Lalu dibagian bawah kode, klik tombol Devices.
  • Centang bagian “Use server-side detection to insert code only for
  • Lalu pilih di device mana widget tersebut di load. Contoh : ‘Desktop’ devices.
  • Kamu juga bisa pilih dibagian mana widget tersebut tampil, seperti pada bagian post only, homepage only dan sebagainya.

adinserter settings

  • Jika sudah semua, klik tombol Save All settings.
  • Pindah ke halaman Appearance > Widgets
  • Drag and Drop widget Ad Inserter ke posisi yang kamu mau.
  • Masukkan Judul Widget dan Block/tab yang tadi kamu isi dengan kode.

Wordpress plugin widget adinserter

  • Save dan selesai.

Sekarang coba kamu buka di desktop dan di smartphone kamu sekaligus. Maka widget hanya akan tampil di desktop tapi tidak di smartphone. Perbedaan cara ini dengan cara hide dengan CSS biasa yaitu, loading blog tentu akan semakin cepat, karena kode widget yang berat (seperti Facebook page ) tidak akan diload saat itu. Untuk widget-widget yang ringan mungkin bisa kita hide dengan css. Tetapi kalo widget tersebut tergolong berat ( iframe ) tentu akan menambah berat loading blog kita.

Demikian artikel Membuat Widget blog wordpress tidak diload pada Smartphone. Semoga bermanfaat.

Terimakasih.

Tinggalkan Komentar

Your email address will not be published.