mTYgoJMQ53InD94w2dRs81hIq8419eY33tI9XefB
Bookmark
Billboard ads

Pilih Jenis Banner: Slider atau Grid

Ads top post
Pilih Jenis Banner di Igniplex

Banner yang dimaksud adalah kumpulan gambar besar yang ada di atas halaman, tepat di bawah header. Banner ini hanya muncul di halaman utama (homepage). Jadi akan otomatis hilang saat di halaman post, page, pencarian, atau label.

Fitur memilih banner sudah ada sejak v2.3 (11 Februari 2019). Apa aja sih pilihannya?

Slider

Seperti namanya, banner akan berbentuk slider yang bisa digeser.

Tampilan Slider di Igniplex

PRO:
Tampilan lebih menarik karena gambar akan bergeser-geser otomatis. Di versi mobile bisa digeser menggunakan jari (swipe).

KONTRA:
Saat dilakukan testing di situs web.dev dan PageSpeed Insights, nilai blog akan turun sebanyak 3 sampai 5 poin pada kategori Best Practices dan Performance. Saya tidak menemukan penurunan skor di situs GTmetrix dan Pingdom.

Ini hal yang wajar mengingat slider memerlukan jQuery. Saya pribadi tidak memusingkan hal ini. Nilai dari situs pengecek performa blog tidak mutlak menentukan kecepatan. Poin-poin penilaian yang ada memang harus diperhatikan, tapi tidak lantas wajib diperbaiki semuanya jika dirasa tidak perlu.

Kalau sanggup, tentu sangat bagus jika dilakukan perbaikan. Tapi kalau tidak bisa pun tidak apa. Contohnya slider ini. Saya menggunakan bantuan plugin jQuery bernama Owl Carousel. untuk membuatnya, yang mana script bawaan dari sananya ya memang begitu. Yang penting kecepatan asli blog saat dibuka di browser tetap ngebut. Dan lagian, toh cuma turun 3-5 poin doang.

Grid

Tampilannya kotak-kotak. Satu berukuran besar dan sisanya kecil-kecil.

Tampilan Banner Grid di Igniplex

PRO:
Nilai kecepatan blog akan tinggi saat dicek di web.dev

KONTRA:
Tidak ada sih. Hanya saja tampilannya cuma kotak-kotak. Menurut beberapa orang tampilan ini kurang atraktif. Bagi saya yang menganut prinsip kesederhanaan, tampilan ini tetap bagus. Jadi kembali pada selera masing-masing.

Bagaimana Cara Mengubahnya?

Kode yang harus diganti sangat pendek. Ada kode seperti ini:

slider: {
  pakai: true,
  • Jika nilai true: slider.
  • Jika nilai false: grid.

Tidak Suka Keduanya?

Tinggal hapus saja. Caranya pun tidak repot. Bisa dilakukan melalui widget di Layout (Tata Letak) tanpa perlu mengedit langsung kode HTML.

Penjelasan lengkap tersedia di member area yang hanya bisa diakses oleh orang yang sudah membeli Igniplex.

Ads bottom post
8 comments

8 comments

Silakan berikan komentar. Centang kotak "Notify me" untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • sebuahnama
    sebuahnama
    02 April, 2023
    di versi 3 cara ngubah type slider dimana dan bagiamana ya?
    Reply
  • Admin
    Admin
    27 September, 2021
    awesome template!
    Reply
  • Unknown
    Unknown
    26 October, 2020
    kalo beli gratis updatean nya gak mba??
    • Unknown
      Igniel
      04 December, 2020
      Dapat selama 1 tahun.
    Reply
  • zaramozzoe
    zaramozzoe
    21 May, 2020
    Cek inbox kak, fb dan emailnya ..
    • zaramozzoe
      Igniel
      22 May, 2020
      Sudah ya kak.
    • zaramozzoe
      zaramozzoe
      23 May, 2020
      Okay 🎗
    Reply
Middle Ads (desktop post only).
Will be replaced with PARALLAX ADS on mobile.