Semua yang perlu Anda ketahui tentang pembangun loop Divi 5

Loop Builder adalah fitur terbaru . Ini menawarkan cara baru untuk membangun umpan blog khusus, jaringan produk, atau konten dinamis lainnya, semua dalam pembangun visual Divi 5. Penambahan baru yang kuat ini memungkinkan pembuat untuk membangun konten looping dengan fleksibilitas, mengubah cara kami menampilkan posting, produk, dan jenis posting khusus lainnya.

Dalam posting ini, kami akan menjelajahi fitur Loop Builder dan memberikan panduan langkah demi langkah tentang cara menggunakannya. Mari kita mulai!

Apa pembangun loop Divi 5?

Loop Builder di Divi 5 adalah fitur baru yang memungkinkan pengguna Divi untuk membuat dan menyesuaikan desain yang dinamis dan melingkar langsung di dalam pembangun visual. Apakah Anda menampilkan posting blog, produk WooCommerce, atau tipe posting khusus lainnya, pembangun loop Divi memungkinkan Anda membangun loop konten menggunakan elemen divi apa pun tanpa terbatas pada modul statis yang telah ditentukan sebelumnya.

Berlangganan saluran YouTube kami

Keuntungan pembangun loop Divi 5 terletak pada kebebasannya. Anda dapat merancang tata letak yang rumit dengan kueri khusus dan menata mereka dengan rangkaian lengkap alat desain Divi. Ini berarti Anda dapat membuat segalanya mulai dari feed blog yang ramping hingga kisi-kisi produk dinamis dengan kontrol penuh, semuanya dalam antarmuka seret-dan-drop tanpa kode

Fitur Utama Pembangun Loop

Pembangun Loop Divi 5 memiliki fitur kuat yang menjadikannya alat yang menonjol untuk membuat loop konten yang dinamis dan disesuaikan. Inilah pandangan yang lebih dekat pada apa yang membuatnya sangat fleksibel dan ramah pengguna:

1. Pembuatan Loop Fleksibel

Dengan Loop Builder, Anda tidak terbatas pada modul yang telah ditentukan sebelumnya. Anda dapat beralih opsi loop pada elemen divi apa pun, mengubahnya menjadi loop konten dinamis. Loop memungkinkan Anda untuk membangun templat khusus menggunakan pembangun visual, memberi Anda kebebasan untuk membuat tata letak yang sesuai dengan visi Anda, dari grid blog minimalis hingga portofolio.

2. Opsi kueri khusus

Loop Builder menempatkan Anda dalam mengendalikan konten apa yang akan ditampilkan. Anda dapat menyesuaikan loop berdasarkan jenis pos, kategori, jumlah posting, atau kueri meta lanjutan. Ini sepenuhnya mendukung tipe pos khusus (CPT), seperti produk, acara, atau konten WOO yang difilter oleh penulis. Ini berarti Anda dapat membuat loop untuk hampir semua jenis konten di situs Anda, tanpa menulis kode atau menggunakan plugin pihak ketiga.

3. Integrasi Konten Dinamis

Tarik konten dinamis dengan mulus ke dalam templat loop Anda, termasuk judul posting, gambar unggulan, kutipan, atau bidang khusus. Loop Builder menawarkan dukungan asli untuk ACF, termasuk bidang repeater, memungkinkan Anda untuk menampilkan data langsung di dalam loop Anda. Integrasi ini memastikan konten Anda dinamis dan sangat dapat disesuaikan.

4. Desain Kebebasan

Gaya konten Anda dengan pembangun visual untuk membuat tata letak yang unik dan menarik seperti kisi, korsel, atau slider. Setiap aspek sepenuhnya dapat disesuaikan, memastikan loop Anda selaras dengan merek Anda.

Bagaimana pembangun loop bekerja

Pembuat loop Divi 5 menyederhanakan pembuatan loop konten dinamis, membuatnya dapat diakses untuk pemula dan pengguna tingkat lanjut. Sebelum membangun loop, mari kita tinjau semua pengaturan dalam pembangun loop Divi 5.

Memahami Pengaturan Pembangun Loop Divi 5

Loop Builder di Divi 5 memungkinkan Anda membuat bagian dinamis di situs web Anda dengan mengambil dan menampilkan berbagai jenis konten berdasarkan kriteria spesifik Anda. Mari kita membahas setiap pengaturan sehingga Anda memiliki pemahaman yang lebih baik tentang apa yang mereka lakukan dan bagaimana menggunakannya.

Jenis permintaan

Ini adalah pilihan dasar untuk loop Anda. Ini memberi tahu Divi 5 konten apa yang ingin Anda tarik ke dalam tata letak Anda. Anda dapat memilih antara posting, istilah, atau pengguna. Posting adalah konten standar seperti posting blog, proyek, atau jenis posting khusus yang Anda miliki di situs Anda. Istilah merujuk ke kategori, tag, atau taksonomi khusus. Akhirnya, pengguna memungkinkan Anda untuk menampilkan informasi tentang pengguna di situs Anda, seperti penulis atau kontributor.

Jenis pos

Jika memilih posting untuk jenis kueri Anda, pengaturan ini memperbaiki jenis posting spesifik mana yang ingin Anda tampilkan. Ini dapat berupa posting blog, produk, proyek, halaman, atau jenis posting khusus yang telah Anda daftarkan, seperti resep atau testimonial.

Ketentuan

Saat memilih istilah sebagai jenis kueri, pengaturan ini memungkinkan Anda memilih kategori atau tag spesifik yang ingin Anda lilitkan. Misalnya, ini dapat berupa tag, format, kategori proyek, tag proyek, atau istilah taksonomi khusus.

Pengguna

Pengaturan ini memungkinkan Anda untuk memfilter peran pengguna mana yang ingin Anda sertakan saat melingkarkan pengguna. Contohnya termasuk penulis, kontributor, editor, dan administrator.

Sertakan posting dengan istilah tertentu

Divi 5 memungkinkan Anda untuk mengulang posting melalui kategori dan tag tertentu, mempersempit pilihan posting Anda hanya untuk memasukkan yang ditugaskan ke kategori atau tag tertentu.

Mengecualikan posting dengan istilah tertentu

Pengaturan ini melakukan kebalikan dari pengaturan di atas. Ini menghapus posting dari loop Anda yang ditetapkan untuk kategori atau tab tertentu. Ini berguna untuk saat Anda ingin menampilkan semua posting blog Anda, kecuali yang ada dalam kategori tertentu.

Sertakan posting tertentu

Jika Anda mengulang posting, Anda hanya dapat memasukkan posting tertentu, yang sangat baik untuk menampilkan posting atau produk blog. Misalnya, Anda dapat membuat bagian pos unggulan di rumah atau halaman arahan Anda dan menggunakan pembangun loop Divi untuk hanya menampilkan posting atau produk yang ingin Anda tampilkan.

Mengecualikan posting tertentu

Ini memungkinkan Anda untuk menghapus posting individual tertentu dari loop Anda. Ini adalah cara yang bagus untuk mencegah posting tertentu muncul di feed posting blog umum, seperti jika mereka sudah ketinggalan zaman atau bagian dari promosi khusus yang ditampilkan di tempat lain di situs Anda.

Memesan oleh

Ini menentukan urutan di mana item looped Anda akan muncul. Anda dapat mengurutkan berdasarkan tanggal publikasi, tidak ada, ID, judul, nama posting, tanggal terakhir yang dimodifikasi, acak, penulis, atau jumlah komentar.

Posting per halaman

Pengaturan ini mengontrol berapa banyak item yang ditampilkan dalam loop pada satu halaman konten Anda. Ini adalah cara yang baik untuk memamerkan sejumlah posting atau produk pada halaman pendaratan, portofolio, atau arsip.

Posting Offset

Pengaturan ini memungkinkan Anda untuk melewatkan beberapa item dari awal hasil kueri Anda. Post Offset sangat berguna untuk membuat tata letak yang unik. Misalnya, Anda mungkin memiliki satu posting unggulan besar di bagian atas (menggunakan modul terpisah), dan kemudian loop yang menampilkan sisa posting Anda, mulai dari yang kedua.

Kueri meta

Meta Query adalah pengaturan di mana pembangun loop menjadi kuat untuk konten khusus. Ini memungkinkan Anda untuk memfilter konten Anda berdasarkan bidang khusus yang telah Anda tambahkan ke posting, istilah, atau pengguna Anda.

Kunci Meta

Kunci meta adalah pengidentifikasi unik untuk data khusus yang terkait dengan konten Anda. Data ini disimpan dalam tabel POST_META di database WordPress Anda.

Nilai meta

Nilai meta adalah nilai spesifik yang Anda cari di dalam bidang kunci meta.

Membandingkan

Pengaturan ini mendefinisikan bagaimana nilai meta harus dibandingkan dengan nilai aktual yang disimpan dalam database untuk kunci meta. Opsi termasuk yang sama, tidak sama, lebih besar dari, lebih besar dari atau sama, kurang dari, kurang dari atau sama, berisi, tidak mengandung, dalam daftar, tidak ada dalam daftar, ada bidang, dan bidang tidak ada.

Jenis

Jenisnya memberi tahu Divi bagaimana menafsirkan nilai meta selama perbandingan. Sangat penting untuk perbandingan yang akurat, terutama dengan angka atau tanggal. Anda dapat memilih dari karakter, numerik, biner, tanggal, datetime, desimal, ditandatangani, atau tidak ditandatangani.

Dengan menggabungkan pengaturan ini, Anda dapat membuat tampilan konten yang sangat canggih dan dinamis di situs Divi Anda, menarik persis konten yang Anda inginkan, sesuai urutan yang Anda inginkan, dan difilter persis seperti yang Anda inginkan.

Membuat Loop in Divi 5 (Blog Post Grid)

Tambahkan baris 3-kolom baru

Mulailah dengan menambahkan baris tiga kolom ke halaman di pembangun visual.

Gaya kolom pertama dengan menambahkan radius perbatasan 15px, bantalan 25px di semua sisi, dan perbatasan 1px solid #000000.

Aktifkan loop di kolom

Selanjutnya, aktifkan sakelar elemen loop di pengaturan konten kolom pertama.

Pembungkus tata letak baris

Selanjutnya, kita perlu mengaktifkan pembungkus di barisan kita sehingga elemen akan turun ke baris berikutnya setelah ruang habis. Arahkan ke tab Desain Baris, perluas menu dropdown tata letak , dan pilih Wrap di bawah Layout Wrapping .

Anda dapat menyesuaikan celah horizontal antara elemen loop di bawah tata letak> celah horizontal.

Tambahkan konten loop

Setelah pengaturan ini ada, kami dapat menambahkan modul ke loop kami. Klik ke kolom pertama untuk menambahkan modul gambar . Anda akan melihat bahwa setiap kolom akan secara otomatis menambahkan placeholder gambar.

Klik ikon Konten Dinamis di Pengaturan Modul Gambar. Berikutnya, pilih Loop Fitur Gambar dari opsi yang tersedia.

Pilih ukuran thumbnail dari menu dropdown dan klik Terapkan .

Tambahkan modul heading di bawah modul gambar di kolom pertama. Klik ikon konten dinamis dan pilih judul Loop Post . Gaya tajuk seperti yang Anda inginkan.

Selanjutnya, tambahkan modul teks ke kolom pertama loop. Klik ikon konten dinamis dan pilih Loop Author .

Akhirnya, kami akan menambahkan modul teks lain untuk kutipan posting. Setelah ditambahkan, klik ikon konten dinamis dan pilih Kutipan Loop .

Ketika kotak dialog muncul, Anda dapat mengatur teks sebelum dan sesudah, posisi loop, dan jumlah kata, dan membaca lebih banyak teks.

Menggunakan bidang kustom loop

Untuk menampilkan bidang khusus di loop Anda, Anda dapat menggunakan integrasi Divi 5 dengan jenis dan bidang pos khusus, termasuk yang dibuat dengan bidang khusus canggih (ACF). Misalnya, kami membuat jenis posting khusus untuk buku menggunakan ACF sehingga kami dapat menampilkan informasi mereka menggunakan Loop Builder.

Di Visual Builder, pilih Post Type sebagai tipe kueri dan buku sebagai jenis pos.

Pembuat loop Divi 5 memudahkan untuk memanfaatkan bidang khusus, meningkatkan fleksibilitas konten dinamis Anda. Saat menggunakan ACF, Anda dapat mengakses bidang kustom loop dengan memilih ikon konten dinamis dalam modul yang kompatibel.

Salah satu fitur terbaik dari integrasi ACF Divi 5 adalah bagaimana bidang diberi label untuk kenyamanan. Saat memilih bidang khusus di menu konten dinamis, Divi menampilkan label bidang ACF (sebagaimana didefinisikan dalam grup bidang ACF) daripada hanya tombol meta. Ini membuat mengidentifikasi dan memilih bidang intuitif yang benar, terutama saat mengelola beberapa bidang khusus.

Misalnya, jika Anda memiliki bidang ACF bernama Genre untuk jenis posting khusus untuk buku , Anda dapat menarik data ini ke modul teks untuk menampilkan genre secara dinamis di dalam loop Anda.

Divi 5 mendukung bidang repeater ACF

Divi 5 memungkinkan Anda untuk menampilkan set data yang kompleks dan mengulangi di dalam loop Anda. Pertama, pastikan bahwa bidang repeater ACF diatur dalam ACF.

Tambahkan modul seperti modul gambar ke kolom loop Anda. Pilih Loop Custom Field di pengaturan konten dinamis, lalu pilih bidang Repeater. Divi akan menampilkan subbidang repeater, memungkinkan Anda memilih data tertentu, seperti subbidang gambar, untuk membuat galeri dinamis di dalam loop Anda. Misalnya, Anda dapat membuat showcase portofolio di mana setiap gambar dalam loop menampilkan serangkaian gambar dari bidang repeater -nya, ditata sebagai kisi.

Pengguna dan Ketentuan Loop

Pembuat loop Divi 5 juga dapat digunakan untuk mengulangi pengguna dan ketentuan. Untuk loop pengguna, Anda dapat membuat showcase anggota tim. Untuk mencapai ini, atur jenis kueri ke pengguna , filter berdasarkan peran, dan tambahkan modul seperti modul gambar untuk avatar pengguna dan modul teks untuk nama mereka.

Untuk loop istilah, Anda dapat membangun showcase kategori proyek. Ini adalah cara yang bagus untuk membuat halaman kategori untuk menampilkan berbagai proyek dan kategorinya. Cukup atur tipe kueri ke istilah , pilih taksonomi , dan sertakan persyaratan tertentu.

Apakah Anda ingin mengulang posting, proyek, kategori, atau penulis, Loop Builder dapat menangani beragam jenis konten di luar pos, menawarkan kemungkinan kreatif yang tak ada habisnya.

Manfaat Menggunakan Pembangun Loop Divi

Pembangun Loop Divi bukan hanya fitur. Ini adalah alat transformatif yang membuatnya mudah untuk membuat tata letak yang dinamis. Berikut adalah manfaat utama yang membuatnya harus dimiliki oleh pengguna Divi:

• Fleksibilitas: Loop Builder menawarkan kebebasan kreatif, memungkinkan Anda untuk mengulang jenis konten apa pun menggunakan elemen divi apa pun, dari baris hingga slider. Tidak seperti modul yang mengunci Anda ke dalam tata letak yang telah ditentukan, Loop Builder memberi Anda kontrol desain penuh, memungkinkan tata letak yang unik tanpa mengorbankan kreativitas.
• Efisiensi: Meningkatkan alur kerja Anda dengan templat loop yang dapat digunakan kembali yang dibangun langsung di pembangun visual. Buat satu templat tunggal, sesuaikan permintaan dan gaya, dan oleskan di beberapa halaman atau jenis posting.
• Integrasi asli: Loop Builder dibangun ke dalam Divi 5, menawarkan solusi asli yang mulus untuk tampilan konten yang kompleks.
• Dukungan CPT yang disempurnakan: Loop Builder sepenuhnya mendukung jenis WOO, ACF, dan kustom, menjadikannya ideal untuk situs web yang kompleks.

Bangun situs web dinamis dengan pembangun loop Divi 5

Loop Builder di Divi 5 memberdayakan pengguna Divi untuk membuat loop konten yang fleksibel dan dinamis untuk setiap jenis pos atau taksonomi, dari posting blog dan produk woo hingga jenis posting khusus. Ini dapat mengubah elemen divi apa pun menjadi loop yang dapat disesuaikan, dengan mulus mengintegrasikan dengan plugin tipe pos khusus seperti ACF, dan memberi pengguna kontrol desain penuh dalam pembangun visual. Loop Builder mendefinisikan bagaimana konten dinamis ditampilkan.

Kami mendorong Anda untuk menyelam ke Loop Builder dengan mengunduh Divi 5 dan menemukan bagaimana ia dapat meningkatkan cara Anda membangun situs web dengan Divi!