LUXEE HELPS
Garis Waktu Perjalanan Cinta Klien Berantakan? Ikuti Panduan Edit Timeline Story yang Estetis!
📌 Apa itu Widget Timeline Story?
Widget Timeline Story adalah komponen tata letak visual yang digunakan untuk menyajikan kisah perjalanan cinta (love journey) pasangan pengantin secara kronologis. Kisah ini biasanya dikemas dengan perpaduan teks narasi singkat, label tanggal/tahun, foto memori di setiap peristiwa, serta dihubungkan oleh sebuah garis tengah dinamis.
Klien Anda mengirimkan draf cerita dari masa sekolah, masa kuliah, hingga lamaran dengan format penulisan yang panjang seperti novel. Jika Anda langsung menempelkan seluruh teks tersebut, halaman undangan akan menjadi sangat panjang (bloated) dan melelahkan tamu yang membacanya. Menyusun poin-poin cerita tersebut ke dalam item timeline dengan tambahan foto ikonik di setiap tahunnya membuat cerita cinta mereka mengalir menarik.
🛠️ Langkah Mengedit Timeline Story
Modul garis waktu ini ditenagai secara penuh oleh widget Timeline bawaan Luxee WidgetKit. Widget ini memudahkan pengaturan item cerita secara berurutan, penambahan gambar ilustrasi, serta setelan visibilitas responsif di HP. Pelajari detail teknis setelan widget ini di panduan Widget Timeline →
Langkah 1: Menyeleksi Widget Timeline
Arahkan kursor Anda ke seksi perjalanan cinta di editor Elementor, klik ikon pensil biru pada widget **Timeline** untuk membuka panel pengaturan di sebelah kiri.
Langkah 2: Mengelola Timeline Items
Di bagian **Content > Timeline Items**, Anda akan melihat daftar cerita terdaftar. Anda bisa menggeser urutan item menggunakan metode *drag-and-drop*, menekan ikon silang untuk menghapus item, atau mengeklik **Add Item** untuk menambah cerita baru.
Langkah 3: Mengedit Isi Cerita & Foto
Klik salah satu item untuk membukanya. Ganti teks pada kolom **Title** (Judul Cerita), **Date/Year** (Tahun Kejadian), dan **Description** (Teks Narasi). Klik kolom gambar untuk mengganti foto memori lama dengan foto pengantin yang baru.
Langkah 4: Menonton Video Panduan
Ikuti cara mengatur efek transisi animasi, menyetel warna garis penghubung, serta menyusun layout timeline secara responsif melalui video instruksi berikut:
Agar tampilan timeline seimbang dan simetris, pastikan semua foto ilustrasi yang diunggah ke dalam setiap item timeline memiliki rasio ukuran yang sama (disarankan rasio persegi 1:1 atau lanskap 4:3) dengan ukuran berkas di bawah 200KB.
🔗 Modul Panduan Terkait
Langkah berikutnya adalah cara memodifikasi amplop digital dan kado nikah:
💡 Pertanyaan Sering Ditanya (FAQ)
Di layar HP (Mobile), widget Timeline Luxee secara otomatis akan diubah menjadi layout rata kiri (One-sided) demi keterbacaan teks dan efisiensi ruang layar. Ini adalah desain standar responsif dan bukan merupakan error.
Warna garis dan bulatan tengah dikendalikan secara global melalui tab **Style** di panel pengaturan Elementor sebelah kiri agar desain tetap konsisten (harmonious). Namun, Anda bisa memodifikasi jenis ikon di setiap bulatan secara individu.
Anda dapat memanfaatkan fitur bawaan Elementor dengan menuju ke tab **Advanced > Responsive** pada kolom/widget bersangkutan, lalu aktifkan opsi *Hide on Mobile/Tablet/Desktop* sesuai kebutuhan Anda.