Pengertian Loop di Elementor
Loop dalam Elementor adalah fitur yang digunakan untuk menampilkan data secara berulang (berbasis database) dengan satu desain yang sama. Artinya, kita cukup membuat satu template desain, lalu Elementor akan mengulang desain tersebut untuk setiap data yang ada.
Contoh penggunaan loop:
- Daftar artikel blog
- Portfolio
- Testimoni
- Produk
- Listing properti
- Tim perusahaan
Tanpa loop, setiap item harus dibuat manual. Dengan loop, semua data ditampilkan otomatis.
Jenis Loop di Elementor
1. Loop Grid
Loop Grid adalah widget Elementor yang berfungsi untuk menampilkan kumpulan data dalam bentuk grid (kotak-kotak) menggunakan satu template yang sama.
Widget ini sangat berguna untuk:
- Blog post
- Custom Post Type
- Produk WooCommerce
Keunggulan Loop Grid:
- Desain konsisten
- Mudah diatur kolom dan jaraknya
- Mendukung filter, pagination, dan query
2. Loop Item
Loop Item adalah template individual yang dibuat menggunakan Loop Builder. Di sinilah desain utama dibuat.
Loop Item berisi:
- Judul (dynamic title)
- Gambar (featured image)
- Deskripsi
- Meta data (tanggal, kategori, author)
- Tombol (Read More / Detail)
Loop Item hanya dibuat satu kali, lalu digunakan oleh Loop Grid untuk ditampilkan secara berulang.
Cara Kerja Loop di Elementor (Sederhana)
- Membuat Loop Item (template desain)
- Mengatur konten menjadi Dynamic Content
- Menambahkan widget Loop Grid ke halaman
- Menghubungkan Loop Grid dengan Loop Item
- Mengatur query (post type, kategori, jumlah data)
Setelah itu, Elementor akan otomatis menampilkan seluruh data sesuai desain.
Manfaat Menggunakan Loop di Elementor
Penggunaan Loop memberikan banyak keuntungan, antara lain:
- Efisiensi waktu – Tidak perlu membuat desain berulang
- Mudah dikelola – Update konten cukup dari post
- Desain konsisten – Semua item memiliki tampilan yang sama
- Scalable – Cocok untuk website dengan banyak data
Contoh Penerapan Loop
Beberapa contoh penerapan loop di website WordPress:
- Halaman blog dengan layout custom
- Portfolio agency atau freelancer
- Katalog produk non-WooCommerce
- Listing event atau artikel berita
