Responsive Banner Slider v1.1.0

Responsive Banner Slider adalah plugin yang ramah pengguna untuk membuat slider banner yang indah, responsif, dan ramah sentuhan (touch-friendly) di situs WordPress Anda.

Keunggulan utama dari plugin ini adalah kemampuan untuk mengatur gambar dan tautan yang berbeda untuk tampilan desktop dan mobile. Hal ini memastikan banner Anda selalu terlihat sempurna di perangkat apa pun, sekaligus mengoptimalkan waktu muat dengan menyajikan gambar yang lebih kecil untuk pengguna seluler.

Pengelolaannya sangat mudah melalui antarmuka drag-and-drop, dan Anda dapat menampilkan slider di mana saja di situs Anda hanya dengan menggunakan shortcode sederhana: [banner_slider].

Fitur Utama:

• Sepenuhnya Responsif: Slider akan beradaptasi dengan semua ukuran layar, dari desktop besar hingga ponsel kecil.
• Gambar Terpisah untuk Desktop & Mobile: Unggah gambar yang berbeda yang dioptimalkan untuk layar besar dan kecil.
• Tautan Terpisah untuk Desktop & Mobile: Arahkan pengguna ke URL yang berbeda tergantung pada perangkat yang mereka gunakan.
• Slide Tanpa Batas: Tambahkan banner sebanyak yang Anda butuhkan.
• Urutkan dengan Drag-and-Drop: Atur urutan slide Anda dengan mudah hanya dengan menyeretnya.
• Integrasi Pustaka Media WordPress: Gunakan Pustaka Media yang sudah Anda kenal untuk memilih gambar.
• Implementasi Shortcode Sederhana: Cukup tambahkan [banner_slider] ke postingan, halaman, atau widget mana pun.
• Ringan dan Cepat: Ditenagai oleh Splide.js, sebuah pustaka slider yang modern dan ringan.
• Siap Diterjemahkan: Plugin ini sepenuhnya dapat diterjemahkan dan sudah termasuk Bahasa Inggris (default) dan Bahasa Indonesia.

Instalasi

1. Unggah Manual

1. Unduh file .zip plugin.
2. Navigasikan ke Plugin > Tambah Baru dan klik tombol “Unggah Plugin” di bagian atas.
3. Pilih file .zip yang baru saja Anda unduh dan klik “Instal Sekarang”.
4. Setelah instalasi selesai, klik “Aktifkan Plugin”.

Setelah diaktifkan, Anda akan menemukan menu baru bernama “Banner Slider” di dasbor admin Anda.

Cara Menggunakan

1. Navigasikan ke Halaman Pengaturan: Pergi ke menu “Banner Slider” di dasbor WordPress Anda.
2. Tambah Slide Baru: Klik tombol “Add Slide”. Sebuah item slide baru akan muncul.
3. Isi Detail Slide:
   • Desktop Image: Klik “Select Image” untuk memilih atau mengunggah gambar yang akan ditampilkan pada layar desktop (lebar lebih dari 768px).
   • Mobile Image: Pilih gambar yang akan ditampilkan pada layar mobile (lebar 768px atau kurang).
   • Desktop Link: Masukkan URL tujuan ketika gambar desktop diklik.
   • Mobile Link: Masukkan URL tujuan ketika gambar mobile diklik.
4. Ulangi untuk Slide Lain: Tambahkan slide sebanyak yang Anda inginkan dengan mengulangi langkah 2 & 3.
5. Atur Urutan: Klik dan tahan pada judul “Slide Banner” dan seret ke atas atau ke bawah untuk mengubah urutannya.
6. Simpan Perubahan: Klik tombol “Save All Changes”.
7. Tampilkan Slider: Salin shortcode [banner_slider] dan tempelkan di konten postingan, halaman, atau widget teks di mana Anda ingin slider ditampilkan.

Tanya Jawab (FAQ)

T: Slider tidak muncul di situs saya. J: Pastikan Anda telah menyalin dan menempelkan shortcode [banner_slider] dengan benar ke dalam editor konten Anda. Pastikan juga tidak ada plugin lain yang berkonflik.

T: Apa yang terjadi jika saya hanya mengisi salah satu gambar (desktop atau mobile)? J: Plugin ini dirancang untuk memiliki fallback. Jika gambar mobile kosong, gambar desktop akan digunakan di semua perangkat, dan sebaliknya. Hal yang sama berlaku untuk tautan.

T: Bisakah saya menyesuaikan tampilan slider (panah, titik navigasi, dll.)? J: Plugin ini menggunakan gaya default dari Splide.js. Untuk penyesuaian lebih lanjut, Anda dapat menambahkan CSS kustom ke tema Anda dengan menargetkan ID unik slider, misalnya #rbs-slider-xxxxxx .splide__arrow.

T: Mengapa saya harus menggunakan gambar terpisah untuk mobile? J: Ada dua alasan utama:

1. Kinerja: Gambar untuk mobile bisa dibuat jauh lebih kecil ukurannya, sehingga situs Anda akan dimuat lebih cepat di perangkat seluler.
2. Desain: Anda dapat memotong gambar secara berbeda (misalnya, vertikal untuk mobile) agar lebih sesuai dengan layar yang lebih kecil dan menyampaikan pesan Anda dengan lebih efektif.

Changelog

= 1.1.0 =

• Fitur: Menambahkan dukungan penuh internasionalisasi (i18n).
• Fitur: Menambahkan paket terjemahan Bahasa Indonesia.
• Tweak: Menetapkan Bahasa Inggris sebagai bahasa default untuk semua teks.