Layout Berantakan Setelah Diinsert? Ini Trik Menggunakan JSON Template Parallax!

📌 Apa itu Cara Pakai JSON Template Luxee Parallax?

Cara pakai JSON template Luxee Parallax adalah langkah memuat (insert) berkas desain 3D tumpukan layer yang telah tersimpan di pustaka Saved Templates ke dalam halaman baru WordPress Anda. Proses ini memastikan seluruh konfigurasi layout, jarak, Z-index, dan sensitivitas ornamen termuat secara presisi.

📖
Skenario Penggunaan Nyata

Anda telah sukses mengimpor template JSON ke pustaka WordPress Anda. Sekarang Anda membuat halaman baru di WordPress bernama "Undangan Pernikahan Rani & Budi", lalu mengaktifkan Elementor. Jika Anda sekadar mendesain ulang secara manual, jarak ornamen dan letak teks tidak akan pas satu sama lain. Dengan memasukkan template parallax langsung dari menu pustaka Saved Templates bawaan Elementor, halaman desain undangan 3D siap pakai langsung tersaji indah.

✨ Fitur Unggulan Pemakaian Template

  • Sekali Klik Masuk: Cukup satu klik untuk memuat seluruh struktur ornamen transisi kompleks.
  • Setelan Halaman Otomatis: Layout halaman dikondisikan tanpa ornamen bawaan tema WordPress yang mengganggu.
  • Aset Placeholder Siap Pakai: Dilengkapi ornamen bunga, bingkai foto, dan teks placeholder bawaan siap edit.

🛠️ Langkah Memasang Template ke Halaman Baru

Langkah 1: Membuat Halaman Baru di WordPress

Masuk ke dashboard WordPress Anda, arahkan ke menu **Pages > Add New Page**. Beri judul halaman undangan Anda, lalu klik tombol **Edit with Elementor**.

Langkah 2: Mengatur Layout ke Elementor Canvas

Klik ikon roda gigi (**Settings**) di pojok kiri bawah panel Elementor. Pada opsi **Page Layout**, pilih **Elementor Canvas** agar seluruh header dan footer bawaan tema WordPress disembunyikan secara bersih.

Langkah 3: Memasukkan Template dari Pustaka

Klik ikon folder abu-abu (**Add Template**) di tengah kanvas Elementor Anda. Buka tab **My Templates**, cari nama template Luxee Parallax Volume 01 yang telah Anda impor sebelumnya, lalu klik tombol **Insert** (Sisipkan). Pilih **Apply** pada jendela konfirmasi yang muncul.

Langkah 4: Menonton Video Tutorial Detail

Tonton demonstrasi visual lengkap cara memuat template, cara merapikan tata letak kolom yang bergeser, serta pengujian awal animasi di sini:

💡
Pro Tips Penyelarasan Layout

Jika visual ornamen tumpukan terlihat berantakan atau bertumpukan tidak wajar setelah dimasukkan, periksa setelan **Z-Index** di tab **Advanced** pada masing-masing ornamen gambar. Pastikan ornamen depan memiliki Z-index tertinggi (misal: 10), ornamen tengah bernilai sedang (misal: 5), dan latar belakang bernilai terendah (misal: 1).

💡 Pertanyaan Sering Ditanya (FAQ)

Hal ini disebabkan karena nilai **Z-Index** widget teks lebih kecil dari Z-index gambar ornamen. Naikkan Z-index widget teks tersebut pada tab **Advanced > Layout > Z-Index** menjadi minimal 15 agar teks selalu berada di lapisan paling depan.

Anda dapat menggunakan fitur **History** bawaan Elementor dengan menekan tombol kombinasi keyboard Ctrl + Z atau klik ikon memutar balik di bagian bawah panel kiri Elementor untuk mengembalikan ke riwayat suntingan sebelumnya.

Sangat aman dan sangat disarankan! Integrasi visual parallax interaktif yang mewah dengan iringan lagu MP3 yang romantis dari WidgetKit akan menghasilkan sebuah karya undangan pernikahan digital yang luar biasa eksklusif.

*Terakhir diperbarui: 26-Mei-2026*