Memperkenalkan pembangun loop untuk Divi 5

Diterbitkan: 2025-07-26

Hari ini, kami memperkenalkan Loop Builder Divi 5, yang memungkinkan Anda untuk membangun konten loop berbasis pos dan berbasis istilah menggunakan elemen divi apa pun.

Pembuat Loop Divi unik dalam kebebasannya; Anda dapat mengulang apa pun tanpa dibatasi pada modul loop statis atau wadah. Bangun elemen looping Anda, lalu sesuaikan kueri Anda menggunakan berbagai opsi dan kueri meta yang nyaman.

Ini mendukung jenis posting khusus, termasuk WooCommerce, bidang khusus yang dibuat dengan ACF, dan bahkan bidang repeater ACF.

Ini fitur yang luar biasa!

Lihat video berikut untuk melihat fitur baru yang sedang beraksi.

Daftar isi
  • 1 loop apapun
    • 1.1 Contoh #1: Umpan Blog Kustom
    • 1.2 Contoh #2: Produk WooCommerce yang ditampilkan
    • 1.3 Contoh #3: Kalender Acara
    • 1.4 Contoh #4: Slider kursus LMS
    • 1.5 Contoh #5: Halaman Kategori WooCommerce
    • 1.6 Contoh #6: Penulis Blog
  • 2 Menjelajahi Opsi Loop Kueri
  • 3 Dukungan Bidang Kustom & Jenis Posting
    • 3.1 Dukungan untuk Advanced Custom Fields (ACF)
    • 3.2 Dukungan untuk ACF Repeater Fields
  • 4 Coba Divi 5 Hari Ini
  • 5 Apakah Anda sudah mencoba Flexbox?
  • 6 lebih banyak pembaruan Divi 5 sedang dalam perjalanan

Lingkari apapun

Hal pertama yang pertama: Apa itu pembangun loop? Sederhananya, ini adalah alat yang memungkinkan Anda menampilkan loop konten dari database situs web Anda (seperti posting, produk, kategori, dan penulis) dan menyesuaikan desain setiap item dalam loop.

Ini memungkinkan Anda untuk membuat konten berbasis pasca, seperti umpan blog khusus, daftar produk, kalender acara, daftar kursus, halaman kategori, dan yang lainnya!

  1. Pertama, bangun template untuk item yang diulang menggunakan elemen divi dan pengaturan desain.
  2. Selanjutnya, sesuaikan kueri yang mengontrol konten di loop (jumlah posting, jenis posting, kategori, dll.).
  3. Akhirnya, colokkan konten dinamis dari loop ke template Anda (judul posting, gambar unggulan, kutipan, dll.).

Sebelum saya masuk ke detailnya, izinkan saya memberi Anda contoh tentang apa yang dapat Anda buat menggunakan pembangun loop baru Divi.

Contoh #1: Umpan Blog Kustom

Lihatlah umpan blog yang indah di video di bawah ini. Anda akan terbiasa dengan loop posting blog karena ini adalah inti dari WordPress dan sesuatu yang ditampilkan oleh Modul Blog Divi, tetapi contoh ini bukan modul blog; Ini adalah lingkaran khusus.

Saya membuat template blog saya menggunakan elemen divi dan pengaturan desain. Selanjutnya, saya menyalakan perulangan untuk kolom yang berisi elemen konten saya dan memilih untuk mengulang melalui postingan. Kolom diulangi, dengan setiap instance mewakili pos di loop.

Akhirnya, saya terhubung dengan konten dinamis dari loop, seperti ubin posting dan gambar unggulan, sehingga setiap item dalam loop menampilkan konten uniknya. Anda dapat melakukan ini untuk jenis posting apa pun untuk membuat semua jenis konten berbasis pos.

Contoh #2: Produk WooCommerce yang ditampilkan

Dalam contoh ini, saya membuat lingkaran produk WooCommerce unggulan untuk beranda saya. Template dibangun menggunakan modul dan grup dalam kolom yang dililitkan dalam satu baris.

Saya menyesuaikan kueri untuk menampilkan produk -produk tertentu yang ingin saya tampilkan.

Contoh #3: Kalender Acara

Saya membuat lingkaran acara mendatang dari plugin kalender acara dalam contoh ini. Pembuat Loop Divi memberi Anda kebebasan penuh untuk merancang elemen looping Anda, sehingga Anda bisa kreatif dengan desain loop Anda, terutama dengan sistem tata letak Flexbox Divi 5.

Anda juga dapat mengetuk ke bidang khusus apa pun (posting meta) untuk jenis pos apa pun. Dalam hal ini, saya bisa menggunakan bidang harga dan tanggal acara.

Contoh #4: Slider kursus LMS

Anda bahkan dapat melingkarkan sub-item modul seperti slide di dalam slider.

Slide looping dalam video di bawah ini menampilkan kursus unggulan dari Tutor LMS.

Divi telah memiliki konsep modul pasca, seperti slider pos dan modul blog, tetapi dengan konten dinamis dan pembangun loop baru Divi, elemen apa pun dapat diubah menjadi loop dinamis.

Contoh #5: Halaman Kategori WooCommerce

Anda juga dapat mengulangi istilah dan pengguna.

Dalam contoh ini, saya membuat halaman produk tingkat atas yang melingkar melalui semua kategori produk WooCommerce.

Setiap item dalam loop adalah kategori daripada posting. Judul kategori produk dan gambar unggulan ditarik secara dinamis dari istilah meta.

Contoh #6: Penulis Blog

Dalam contoh video di bawah ini, saya membuat halaman yang menampilkan semua penulis blog kami.

Loop melalui semua pengguna dengan peran penulis, dan menampilkan nama, avatar, dan bio mereka.

Menjelajahi Opsi Loop Kueri

Mari kita lihat opsi kueri Loop Builder yang mengontrol posting mana yang muncul dalam satu loop. Anda dapat memilih jenis posting mana yang harus diluling melalui, memfilter posting berdasarkan kategori dan tag, memfilter posting tertentu, atau membangun kueri meta khusus untuk menargetkan konten tertentu. Anda juga dapat mengontrol pemesanan pos dan offset.

  • Jenis Permintaan - Pilih apa yang ingin Anda putar, apakah posting, istilah, atau pengguna.
  • Jenis posting - Jika Anda mengulang posting, Anda dapat memilih jenis posting mana yang akan diulang, seperti posting blog, produk WooCommerce, proyek divi, dll.
  • Ketentuan - Jika Anda melingkar istilah, Anda dapat memilih istilah mana yang akan diulang, seperti kategori dan tag.
  • Pengguna - Jika Anda melingkar pengguna, Anda dapat memilih peran pengguna mana yang akan diulang, seperti penulis atau kontributor.
  • Sertakan posting dengan istilah tertentu - jika Anda mengulang posting, Anda dapat memilih untuk mengulang hanya posting dari kategori dan tag tertentu.
  • Kecualikan posting dengan istilah tertentu - Anda juga dapat mengecualikan posting dari kategori dan tag tertentu dari loop Anda.
  • Sertakan posting spesifik - jika Anda mengulang posting, Anda hanya dapat menyertakan posting spesifik dalam loop Anda, yang sangat baik untuk menampilkan posting atau produk blog.
  • Kecualikan posting tertentu - Anda juga dapat mengecualikan posting spesifik dari loop Anda.
  • Pesan dengan - Pesan item Anda yang diulang dengan naik atau turun.
  • Posting per halaman - Pilih berapa banyak item looped yang akan muncul di setiap halaman.
  • Posting Offset - Tampilkan hanya setiap N item. Ini memungkinkan Anda untuk membuat beberapa loop melalui kueri yang sama, masing -masing dengan set pos dan desain yang unik.
  • Meta Query - Bangun kueri khusus untuk memfilter loop Anda menggunakan tombol meta pos apa pun.
    • Kunci Meta - Kunci Meta di tabel POST_META.
    • Nilai meta - nilai item dengan kunci meta tertentu.
    • Bandingkan - Setelah Anda meminta kunci meta tertentu, Anda dapat memilih cara membandingkan nilainya untuk mempengaruhi kueri (sama dengan, lebih besar dari, dll).
    • Jenis - Jenis nilai yang dibandingkan, seperti angka, tanggal, waktu, dll.

Dukungan Bidang & Jenis Posting Kustom

Pembuat Loop Divi mendukung bidang khusus dalam dua cara. Pertama, Anda dapat menggunakan kueri meta khusus untuk menampilkan konten tertentu di loop Anda berdasarkan data posting di tabel POST_META, yang mencakup semua data bidang khusus. Kedua, Anda dapat menampilkan data dari tabel WP_POSTMETA, seperti data bidang khusus, sebagai konten dalam templat loop Anda.

Dukungan untuk Advanced Custom Fields (ACF)

Pembangun Loop Divi mendukung bidang khusus yang dibuat menggunakan bidang custom custom (ACF). Saat memilih bidang khusus, Anda akan menemukan semua bidang ACF di bagian atas, yang diberi label dengan nama bidang terkait.

Dukungan untuk ACF Repeater Fields

Pembuat Loop Divi juga mendukung bidang repeater ACF. Jika Anda menggunakan ACF untuk membuat loop kueri, Anda dapat memilihnya dari menu tipe kueri, dan semuanya akan jatuh ke tempatnya.

Coba Divi 5 hari ini

Loop Builder untuk Divi 5 tersedia saat ini, dan ini adalah salah satu dari banyak fitur yang datang ke Divi tahun ini.

Anda dapat mengikuti saat kami maju melalui rilis akhir Divi 5 dan seterusnya, dengan pembaruan setiap dua minggu. Bergantung pada prioritas Anda, Anda dapat menggunakan Divi 5 sekarang untuk membangun situs web baru atau menunggu sampai kami menambahkan lebih banyak fitur, apa pun yang paling cocok untuk Anda.

Sebagaimana diuraikan dalam jadwal rilis multi-fase asli Divi 5, alpha publik Divi 5 seperti "Divi 5 Lite." Ini kehilangan beberapa fitur dan mungkin tidak cocok untuk situs web yang ada, tetapi siap digunakan di situs web baru jika Anda lebih suka pengalaman daripada Divi 4.

Kami ingin Anda mencobanya, dan jika Anda menyukainya, menggunakannya; Ketika semua orang menyukainya, kami akan membuatnya resmi.

Sudahkah Anda mencoba Flexbox?

Jika Anda melewatkannya, kami baru-baru ini merilis sistem tata letak berbasis Flexbox baru untuk Divi 5.

Ini bukan pembaruan kecil. Ini menciptakan kembali Divi, memungkinkan Anda untuk membangun struktur tata letak apa pun, termasuk kerusakan tata letak responsif, pemesanan modul khusus, penyelarasan vertikal yang mudah dan penentuan posisi elemen, dan banyak lagi. Tidak ada batu yang terlewat, tidak ada pilihan yang dilupakan - kami melakukan semuanya, dan yang terbaik di kelas. Ada tautan dalam deskripsi video untuk mempelajari lebih lanjut.

Tonton video ini untuk semua detailnya.

Lebih banyak pembaruan Divi 5 sedang dalam perjalanan

2025 adalah tahun Divi 5 . Pekerjaan yang membosankan ada di belakang kita. Kami membangun fondasi super cepat, dan sekarang saatnya bagi Divi untuk kembali.

Jika Anda di sini untuk comeback Divi, bantu kami dan beri tahu kami dengan menyukai video ini dan meninggalkan komentar. Sangat berarti bagi kami untuk melihat Anda menyemangati divi, dan penting untuk memberi makan algoritma dan menyebarkan berita.

Jangan lupa untuk mengikuti kami di YouTube dan berlangganan buletin Divi sehingga Anda tidak pernah melewatkan pembaruan. Sampai jumpa untuk pengumuman fitur Divi 5 lainnya, yang saya janjikan akan tepat di tikungan.