Gallery Carousel adalah fitur siap pakai di plugin WeddingPress (WDP Pro & WDP Lite) untuk galeri foto prewedding. Foto tampil sebagai kartu: satu besar di tengah dan satu di setiap sisi. Tamu menggeser dengan jari, mengetuk panah, atau mengetuk foto tengah untuk melihatnya penuh.

Fitur ini hanya ada di WeddingPress v4.


Masalah yang diselesaikan

Galeri berisi belasan foto membuat undangan panjang dan berat di HP. Gallery Carousel menampilkan foto satu per satu di tempat yang sama, dan foto baru dimuat saat dibutuhkan.

Manfaat

  • Untuk klien: foto prewedding tampil menonjol tanpa memenuhi halaman.
  • Untuk tamu: cukup geser untuk melihat foto berikutnya, ketuk untuk memperbesar.
  • Untuk vendor: ukuran kartu bisa diatur per perangkat, dan foto bisa diambil dari Media Library atau URL.
Gallery Carousel di HP: foto prewedding pasangan di tengah dengan panah navigasi kiri dan kanan
Gallery Carousel di HP tamu.

Cara pakai dasar (vendor)

  1. Tambahkan widget Gallery Carousel. Widget baru berisi lima kartu contoh.
  2. Bagian Galeri Foto: buka setiap item, pilih foto di Pilih Gambar, dan isi Teks Alternatif (Alt), misalnya "Andy dan Zhea di taman". Hapus item yang tidak dipakai.
  3. Bagian Autoplay (opsional): nyalakan bila galeri ingin berputar sendiri.
  4. Tab Style › Layout & Sizing: atur tinggi widget, ukuran kartu aktif, kartu samping (Kartu Slat), dan jarak antarkartu. Klik ikon perangkat untuk mengisi nilai khusus HP.
  5. Klik Publish, lalu cek di HP.
Tab Style Gallery Carousel bagian Layout dan Sizing: Tinggi Widget 350, Lebar Kartu Aktif 300, Tinggi Kartu Aktif 350, Lebar Kartu Slat 200, Tinggi Kartu Slat 270, Jarak Antar Kartu 20, Radius Sudut 0, Penyesuaian Gambar Cover, dan Skala Otomatis di Mobile Ya, masing-masing dengan ikon perangkat
Ukuran kartu diatur per perangkat lewat ikon di samping label.

Kartu Slat adalah kartu di samping kartu tengah. Skala Otomatis di Mobile memperkecil kartu mengikuti lebar layar HP.


Yang dilakukan tamu

  • Geser foto dengan jari, atau ketuk panah kiri dan kanan.
  • Ketuk kartu samping untuk menjadikannya kartu tengah.
  • Ketuk kartu tengah untuk membuka foto penuh.
Foto prewedding terbuka penuh di atas latar gelap dengan tombol tutup bulat di pojok kanan atas foto
Foto terbuka penuh setelah kartu tengah diketuk.

Galeri selalu berputar tanpa ujung: setelah foto terakhir, kembali ke foto pertama.


Contoh: galeri prewedding Andy & Zhea

Vendor memasang lima foto prewedding Andy & Zhea dengan Autoplay aktif, jeda 1,5 detik per foto. Di HP, foto tengah selebar 300 px dengan panah di kedua sisi, dan tamu mengetuk foto untuk melihatnya penuh.


Tips & Praktik Terbaik

  • Bila Teks Alternatif (Alt) dikosongkan, alt diambil dari teks alt gambar di Media Library.
  • Pilih Image Resolution (ukuran gambar) yang lebih kecil agar kartu cepat dimuat. Foto yang dibuka penuh tetap memakai ukuran asli, jadi tetap kompres foto sebelum diunggah, misalnya lebar 1200 px dalam format WebP.
  • Ukuran Desktop, Tablet, dan Mobile mengikuti breakpoint Elementor situs, tetapi yang diukur adalah lebar area widget, bukan lebar layar. Galeri di kolom sempit pada komputer bisa memakai nilai HP. Ukuran bawaan untuk HP perlu disesuaikan sendiri.
  • Gap Tablet dan Mobile yang dikosongkan mengikuti perangkat di atasnya. Ukuran bulatan panah bisa diatur per perangkat.
  • Navigasi keyboard (← →) berjalan setelah galeri diklik atau dipilih dengan Tab, tidak cukup hanya diarahkan kursor.
  • Nilai Kebulatan Sudut (0-20) berupa skala, bukan piksel. Nilai 20 membuat kartu sangat membulat.
  • Galeri yang belum berisi foto tidak tampil di undangan. Autoplay berhenti saat galeri tidak terlihat di layar.
  • Panah, warna panah, dan pratinjau foto penuh diatur di tab Style, bukan tab Content.

Pertanyaan yang Sering Diajukan (FAQ)

Bagaimana tamu melihat foto dalam ukuran besar? +
Tamu mengetuk foto yang berada di tengah. Foto terbuka penuh di atas latar gelap, lalu ditutup dengan tombol ✕, ketuk di luar foto, atau tombol Esc di keyboard. Fitur ini diatur di Modal Lightbox Preview pada tab Style.
Bisakah galeri berputar sendiri? +
Bisa. Nyalakan Aktifkan Autoplay di bagian Autoplay (bawaan Tidak), lalu atur Kecepatan Perpindahan dan Jeda Durasi Tampil Kartu. Autoplay berhenti sementara saat kursor berada di atas galeri.
Berapa jumlah foto yang ideal? +
Minimal tiga. Dengan dua foto, kartu melompat bergantian kiri dan kanan setiap pergantian. Satu foto tampil sebagai gambar tunggal tanpa panah.
Bisakah memakai foto dari luar Media Library? +
Bisa. Pilih Sumber Gambar URL Eksternal, lalu isi URL Gambar dengan link langsung ke file gambar, misalnya berakhiran .jpg atau .webp. Link halaman berbagi seperti Google Drive bukan link gambar langsung.