Cara Memasukkan Konten Lain Ke Pengulang Oksigen dan Postingan Mudah - Mega Tutorial

Elemen Pengulang dan Postingan Mudah dari Oxygen Builder adalah cara cepat dan mudah untuk menampilkan daftar postingan.

Panduan ini akan menunjukkan kepada Anda berbagai cara memasukkan "item lain" ke dalam daftar untuk alasan apa pun yang Anda butuhkan.

Untuk menghindari kebingungan, saya akan menggunakan "Item Lainnya" untuk item yang tidak ditanyakan oleh kueri Repeater/Easy Post asli

Mengapa?

Elemen Repeater/Easy Posts menampilkan daftar posting. Daftar itu dibatasi oleh parameter yang disetel dalam kueri yang digunakan untuk mengambil kiriman.

Anda dapat memformat tampilan setiap item, dan tata letak daftar, dan itu saja. Terkadang hanya itu yang Anda butuhkan tetapi di lain waktu Anda mungkin ingin mengubah daftar untuk menyertakan item lain yang awalnya tidak diambil. Item lainnya seperti:

• item ajakan bertindak (seperti tautan "Baca Selengkapnya" ke seluruh arsip) di tengah daftar, bukan di akhir daftar
• beberapa teks informatif yang menjelaskan item di dalam daftar, memecah aliran informasi agar tetap menarik
• beberapa elemen dekoratif
• seluruh daftar lain dalam daftar
• spanduk iklan atau barang promosi lainnya

Kursus Pembangun Oksigen - Segera Hadir!

Kursus Penguasaan Pembangun Oksigen akan membawa Anda dari pemula hingga profesional - termasuk modul ACF, MetaBox & WooCommerce.

Dapatkan Pemberitahuan Peluncuran & Diskon

Bagaimana?

Saya akan menggunakan beberapa contoh di atas untuk menunjukkan kepada Anda berbagai cara menambahkan item lain ke daftar.

Metode dari super sederhana hingga rumit adalah:

• JQuery
• menggunakan kait the_posts
• mengedit template PHP (Easy Posts)
• menggunakan kait the_posts lagi tetapi menambahkan item non-Post seperti Ketentuan (Kategori/Taksonomi)

Dalam contoh saya, saya akan menggunakan tujuan jenis posting khusus yang hanya merupakan daftar kota.

Peringatan

• Item lainnya akan menjadi anak dari elemen Repeater/Easy Post karena dimasukkan di dalamnya dan akan tunduk pada aturan tata letak yang ditetapkan dari induknya kecuali diganti, yang tidak akan saya lakukan dalam contoh saya.
• Perubahan daftar tidak akan terlihat di editor Oxygen.
• Metode Easy Post PHP Template mengakses variabel tidak terdokumentasi yang dapat berubah di pembaruan Oxygen di masa mendatang tetapi tidak mungkin.

Menambahkan beberapa elemen lain di dalam Repeater dengan JQuery

Kami akan menggunakan JQuery untuk menyisipkan elemen pada beberapa indeks di dalam Repeater/Easy Post.

Langkah langkah

1. Buat Repeater atau Easy Post dengan Custom Query dengan tujuan jenis posting. Setel ID-nya ke example-repeater-1 .
2. Item adalah judul posting dan gambar unggulan sebagai latar belakang.
3. Dalam contoh ini, saya menggunakan Tata Letak Grid dan mengatur item ke-4 untuk menjangkau 2 kolom di baris. Di sinilah item saya akan dimasukkan.
4. Item lainnya adalah div dengan tinggi 100% dan lebar 100% dan saya membuatnya menjadi spanduk sederhana dengan tombol ajakan bertindak. Setel ID-nya ke guide-ad-banner .
5. Saya menempatkan item lain di bawah repeater tetapi bisa pergi ke mana saja karena skrip akan memindahkannya.

JQuery

Masukkan Blok Kode ke halaman Anda dan tambahkan yang berikut ini ke bagian Javascript, atau di dalam <script> di bagian PHP / HTML.

 jQuery( ( $ ) => { const allRepeaterDivs = $( "#example-repeater-1 > div" ); const insertionIndex = allRepeaterDivs.length > 2 ? 2 : allRepeaterDivs.length - 1 ; allRepeaterDivs.eq(insertionIndex).after($( "#guide-ad-banner" )[ 0 ]); });
 Bahasa kode: JavaScript ( javascript )

Berikut adalah penjelasan singkat tentang skrip.

1. Setelah halaman dimuat / siap, kami mendapatkan daftar semua div yang merupakan anak dari #example-repeater-1 . Ini adalah item individual dalam repeater.
2. Hitung indeks untuk menyisipkan item ini, idealnya saya ingin memasukkannya setelah item ke-3 (indeks 2, indeks mulai dari 0 di sini), tetapi jika jumlah item kurang dari 2 maka sisipkan di akhir. Tentu saja, saya sudah mengetahui ukuran hasil Anda sebelumnya, jadi perhitungan ini hanya untuk berjaga-jaga jika saya mengubahnya menjadi kueri yang mengembalikan kurang dari 3 item.
3. Terakhir, ia memasukkan elemen yang memiliki id #guide-ad-banner setelah item ke-3, menjadikan item saya yang lain sebagai item ke-4.

Hasil

Di ujung depan, dibutuhkan item dengan id guide-ad-banner dan memasukkannya ke tempat ke-4 repeater dengan id #example-repeater-1 .

Menambahkan Item Lain di dalam Repeater menggunakan kait the_posts

Kait filter the_posts di WordPress memberi Anda akses ke postingan yang telah diambil oleh kueri. referensi
Kita dapat menggunakan pengait ini untuk menyisipkan pos lain yang tidak disertakan dalam kueri asli.

Untuk contoh ini, saya akan menyisipkan Post biasa di akhir repeater saya yang menggunakan pertanyaan untuk tujuan saya.

Langkah langkah

1. Buat repeater untuk jenis posting tujuan dan gaya item dengan judul dan gambar unggulan sebagai latar belakang div.
2. Tambahkan Blok Kode di atas dan di bawah repeater.

Blok Kode

Blok Kode Pertama

Tambahkan kode PHP ini ke Blok Kode yang ada di atas repeater.

 <?php function b58_add_cta_last ( $posts, $query ) { $cta_post = get_post( 347 ); $posts[] = $cta_post; return $posts; } add_filter( 'the_posts' , 'b58_add_cta_last' , 10 , 2 ); ?>
 Bahasa kode: HTML, XML ( xml )

Mari kita bahas kode ini.

1. Saya menggunakan get_post untuk mendapatkan posting dengan ID 347. Ini adalah posting yang ingin saya sisipkan di akhir repeater.
2. Saya menambahkan posting sebelumnya ke akhir array $posts .
3. Kembalikan array yang dimodifikasi.
4. Saya menambahkan fungsi yang dibuat sebelumnya ke kait filter the_posts .

Blok Kode Kedua

Tambahkan PHP berikut ke Blok Kode di bawah repeater

 <?php remove_filter( 'the_posts' , 'b58_add_cta_last' , 10 , 2 ); ?>
 Bahasa kode: HTML, XML ( xml )

Ini menghapus fungsi yang ditambahkan sebelumnya karena fungsi yang akan digunakan hook filter the_posts dipanggil. Jika tidak dihapus, itu akan memengaruhi kueri lain yang dijalankan nanti.

Hasil

Posting yang kami dapatkan dengan ID 347 ditambahkan ke akhir repeater. Dari gambar Anda melihat bahwa ada daftar tujuan dan pada akhirnya adalah pos reguler kami. Jadi bisa saja artikel yang berbicara tentang perjalanan atau cara memesan, atau apa pun.

Jika Anda menambahkan data dinamis seperti bidang khusus ke item yang diulang dan kunci meta itu tidak ada di item lain, maka itu akan kosong di div itu. Jadi, Anda harus menggunakan kondisi untuk memeriksa apakah kunci meta ada untuk menghindari masalah tata letak yang aneh.

Menambahkan Daftar Lain di dalam Elemen Postingan Mudah

Ini akan melibatkan pengeditan Template PHP untuk elemen Easy Posts.

Untuk contoh ini, saya akan membuat Reusable Part yang berisi repeater dengan daftar posting, lalu memasukkannya ke dalam elemen Easy Post yang menanyakan kumpulan posting yang berbeda. Saya tidak akan menggunakan CPT Tujuan untuk ini.

Buat daftar sebagai Bagian yang Dapat Digunakan Kembali

1. Buat Part Reusable baru yang berisi 3 elemen utama, heading, div untuk repeater, dan teks.
2. Pengulang menjalankan kueri untuk jenis posting default dan kategori berita, dan saya menetapkan no_found_rows = true untuk menonaktifkan pagination.
3. Elemen teks atas hanya mengatakan BREAKING NEWS dan teks bawah adalah tautan ke arsip posting berita.
4. Tambahkan blok kode di atas dan di bawah repeater, kita harus mengubah kueri repeater menggunakan blok kode ini.

Itu adalah struktur Bagian yang Dapat Digunakan Kembali.

Blok Kode

Blok Kode Pertama

Meskipun repeater ini ada di dalam elemen Easy Post, kuerinya harus independen dari Easy Post. Salah satu cara elemen Easy Post dapat memengaruhi daftar bagian dalam adalah melalui pagination. Jika seseorang mengklik halaman 2 untuk elemen Posting Mudah, secara default daftar dalam juga akan mengambil halaman 2. Kita harus mencegahnya.

Blok Kode Pertama di atas repeater akan menambahkan tindakan pre_get_posts yang menyetel argumen kueri halaman ke 1, yang membuatnya selalu mengembalikan halaman pertama.
Jika repeater ini berada di halaman beranda statis, gunakan halaman = 1 sebagai gantinya. (referensi: dokumentasi WP_Query)

 <?php function b58_set_paged ( $query ) { // use paged if the repeater is on an archive page // or page other than a static home page. $query->set( "paged" , 1 ); // use page if this repeater is on a static home page. // $query->set( "page", 1 ); return $query; } add_action( 'pre_get_posts' , 'b58_set_paged' ); ?>
 Bahasa kode: HTML, XML ( xml )

Blok Kode Kedua

Blok kode kedua menghapus tindakan yang ditambahkan sebelumnya untuk mencegahnya memengaruhi kueri di masa mendatang.

 <?php remove_action( 'pre_get_posts' , 'b58_set_paged' ); ?>
 Bahasa kode: HTML, XML ( xml )

Jadi sekarang repeater akan selalu menampilkan halaman pertama hasil.

Catat ID template Reusable Part ini, Anda bisa dapatkan dari address bar di WP Dashboard.

Kursus Pembangun Oksigen - Segera Hadir!

Kursus Penguasaan Pembangun Oksigen akan membawa Anda dari pemula hingga profesional - termasuk modul ACF, MetaBox & WooCommerce.

Dapatkan Pemberitahuan Peluncuran & Diskon

Postingan yang Mudah

1. Pada halaman sebenarnya di mana saya ingin menambahkan posting mudah, saya menambahkannya ke halaman itu dan saya memilih preset Masonry.
2. Saya mengubah kueri ke posting dari beberapa kategori lain selain berita.
3. Saya mengatur jumlah posting per halaman ke angka ganjil karena saya akan secara manual menambahkan 1 posting tambahan untuk membuatnya rata sehingga kisi-kisinya rapi.

Template PHP

Di panel gaya Posting Mudah, saya pergi ke Template PHP. Di sinilah Anda untuk mengedit template yang digunakan untuk setiap item dalam wadah Easy Post (template diulang.)

Di bawah template default, rekatkan php . berikut

 <?php $current_index = $this ->query->current_post; // Place this element after the 3rd post item, or // the last post if the # of posts is less than 3 // this ensure this element is added even if there // are less than 3 posts on the page. $other_post_index = $this ->query->post_count < 3 ? $this ->query->post_count - 1 : 2 ; if ( $current_index == $other_post_index ) { echo "<div class='oxy-post'>" ; echo do_oxygen_elements( json_decode( get_post_meta( 321 , 'ct_builder_json' , true ), true ) ); echo "</div>" ; } ?>
 Bahasa kode: HTML, XML ( xml )

Mari kita bahas kode ini.

1. Pertama, kita mendapatkan indeks item yang sedang ditampilkan dan mengaturnya ke $current_index . Di balik layar, Oxygen Builder mengulang setiap item yang dikembalikan dari set kueri di elemen Easy Posts, dan mengeksekusi kode di dalam template untuk setiap postingan di dalam daftar. Kami memiliki cara untuk mengakses variabel kueri dengan $this->query dan indeks item yang sedang diproses adalah current_post di dalam kueri.
2. Saya menentukan indeks di mana item saya yang lain harus dimasukkan. Hal ini saya lakukan dengan cara mengecek jumlah total item yang akan diproses, jika ada kurang dari 3 item maka saya akan menambahkan item lainnya sebagai item terakhir dari Easy Post. Jika tidak, saya akan menambahkannya setelah elemen ke-3 (indeks dimulai dari 0), menjadikan item saya yang lain sebagai item ke-4 di kisi Easy Post.
3. Jika kita berada di indeks untuk menambahkan item kita, maka saya menggunakan fungsi do_oxygen_elements untuk merender item yang dapat digunakan kembali (ID template 321) dan membungkusnya dalam div dengan class oxy-post .

Hasil

Bagian yang Dapat Digunakan Kembali ditempatkan sebagai item ke-4 di kisi Postingan Mudah.

Daftar bagian yang dapat digunakan kembali dapat digulir di dalam daftar.

Pengait pre_get_posts di bagian yang dapat digunakan kembali membuatnya selalu memuat halaman pertama posting sehingga saya bisa pergi ke halaman lain dari Easy Post dan hasilnya tetap sama.

Dengan menggunakan metode ini, Anda dapat mengganti bagian do_oxygen_elements dari kode di atas dan menulis HTML Anda sendiri untuk menambahkan apa pun yang Anda inginkan di dalam elemen Easy Posts.

Ingat elemen Anda yang ditambahkan harus sesuai dengan aturan ukuran apa pun yang telah ditetapkan di kelas oxy-post jika tidak, hal itu dapat membuang sisa daftar.

Sisipkan elemen Istilah di dalam Repeater

Metode ini dibangun dengan menggunakan kait the_posts untuk menyisipkan tautan ke istilah di dalam daftar posting yang diurutkan berdasarkan istilahnya.

Jadi bayangkan daftar berulang seperti:
Biru A, Biru B, Biru C, Lihat semua Biru, Merah X, Merah Y, Merah Z, Lihat semua Merah, dll.

Sangat membantu di situs e-niaga saat Anda ingin membuat daftar beberapa item unggulan lalu tautkan istilah arsip.

Metode ini melibatkan banyak langkah tetapi cukup mudah.

Langkah langkah

1. Siapkan Bidang Kustom
2. Buat satu set fungsi Helper
3. Tambahkan repeater yang menanyakan jenis posting yang kita inginkan.
4. Ubah daftar posting yang diambil dengan kueri di atas dengan kait the_posts

Siapkan Bidang Kustom

Ini adalah langkah opsional jika Anda ingin menggunakan Gambar Unggulan dengan objek Istilah Anda.

Dalam contoh saya, saya menggunakan gambar Unggulan sebagai latar belakang untuk item tersebut. Istilah secara default tidak memiliki Gambar Unggulan, jadi saya menambahkannya ke Taksonomi Kustom saya dengan Bidang Kustom Tingkat Lanjut.

Bidang kustom adalah bidang Gambar yang mengembalikan ID.

Fungsi Pembantu

Saya menambahkan fungsi pembantu berikut di Cuplikan Kode, lakukan hal yang sama dengan metode apa pun yang Anda inginkan.

function b58_create_post_from_term ( $term, $post_type= "post" ) { $post_id = -1 * $term->term_id; // negative ID, to avoid clash with a valid post $post = new stdClass(); $post->ID = $post_id; $post->post_author = 1 ; $post->post_date = current_time( "mysql" ); $post->post_date_gmt = current_time( "mysql" , 1 ); $post->post_title = $term->name; $post->post_content = $term->description; $post->post_status = "publish" ; $post->comment_status = "closed" ; $post->ping_status = "closed" ; $post->post_name = "regions/" . $term->slug; $post->post_type = $post_type; $post->filter = "raw" ; // important! $wp_post = new WP_Post( $post ); wp_cache_add( $post_id, $wp_post, "posts" ); return $wp_post; } function b58_get_the_featured_image ( $get_url, $size = 'thumbnail' ) { global $post; $post_id = $post->ID; $thumbnail_id = 0 ; if ( $post_id > 0 ) { // this is a regular post. $thumbnail_id = get_post_thumbnail_id( $post_id ); } else { // this is our fake post and it doesn't // have a thumbnail ID so we have to use the // custom field we set for this term. $pos_term_id = -1 * $post_id; $thumbnail_id = get_field( "term_background" , "term_" . $pos_term_id ); } if ( $get_url ) { return wp_get_attachment_image_url( $thumbnail_id, $size ); } return $thumbnail_id; } function b58_get_the_link () { global $post; $post_id = $post->ID; if ( $post_id > 0 ) { return get_permalink( $post_id ); } // post id is negative, we use a negative post id in our dummy post object $pos_term_id = -1 * $post_id; $term_link = get_term_link( $pos_term_id ); return $term_link; }
 Bahasa kode: PHP ( php )

Mari kita tinjau setiap fungsi dalam cuplikan ini.

b58_create_post_from_term( $term, $post_type="post" )

Ini mengambil objek WP Term ( $term ) dan membuat posting palsu dari tipe yang diatur dalam $post_type.
Ini menetapkan ID ke negatif dari ID sebenarnya terlebih dahulu sebagai semacam "bendera" untuk menunjukkan ini adalah istilah dan bukan posting yang sebenarnya.
Ini menetapkan beberapa variabel lain yang diperlukan untuk objek WP_Post, tetapi satu-satunya catatan untuk tujuan kita adalah post_title.
Kemudian ia menambahkan posting ini ke cache wp, jika ada sesuatu yang meminta posting ini dan karena memiliki ID negatif, itu akan gagal jika mencoba masuk ke database.

b58_get_the_featured_image( $get_url, $size = 'thumbnail' )
 Bahasa kode: PHP ( php )

Jika Anda tidak menambahkan bidang khusus dengan gambar untuk istilah tersebut, lewati fungsi ini.
Fungsi ini membutuhkan 2 argumen, $get_url yang akan menjadi boolean, ini menentukan apakah ia mengembalikan ID gambar atau URL.
Argumen ke-2 menetapkan ukuran.

Pertama-tama memeriksa apakah ID posting saat ini negatif, jika negatif maka ini adalah posting palsu yang merupakan istilah, jika tidak, itu adalah posting nyata.
Jika itu adalah posting palsu maka kami mengambil ID gambar dengan get_field untuk ID istilah itu.
Jika ini adalah kiriman asli maka kami menggunakan fungsi get_post_thumbnail_id .

Kedua, jika $get_url salah maka hanya ID yang dikembalikan. Kalau tidak, kami menggunakan wp_get_attachment_image_url untuk mendapatkan url gambar dan mengembalikannya.

b58_get_the_link()

Ini mengembalikan tautan (tautan permanen atau tautan istilah) untuk posting ini.
Jika ID posting negatif maka itu adalah posting palsu, kami menggunakan get_term_link untuk mendapatkan tautannya, alih-alih get_permalink jika itu adalah posting asli.

Itu saja untuk fungsi pembantu.

Pengulang

Saya menambahkan pengulang ke halaman, dengan kueri untuk tujuan. Saya menggunakan tata letak yang sama seperti contoh sebelumnya, Judul Postingan terpusat dengan latar belakang Gambar Unggulan, dan tautan div ke tautan permanen pos atau tautan istilah.

Untuk latar belakang gambar unggulan, saya tidak menggunakan metode Gambar Unggulan yang biasa di Data Dinamis. Saya menggunakan metode Nilai Pengembalian Fungsi PHP karena saya ingin menggunakan fungsi pembantu saya untuk mengambil gambar daripada sebaliknya karena item tersebut mungkin merupakan "postingan palsu" (istilah.) Jadi untuk URL latar belakang div, saya menggunakan PHP Nilai Pengembalian Fungsi dengan nama fungsi b58_get_the_featured_image , dan parameter true . Saya bisa menentukan ukuran di sini juga tapi saya tidak.

Ide yang sama untuk tautan. Saya tidak dapat menggunakan data dinamis Permalink seperti biasanya karena akan salah untuk posting palsu, jadi saya menggunakan b58_get_the_link sebagai gantinya.

kait the_posts

Sama seperti sebelum saya menambahkan blok kode sebelum dan sesudah repeater, dengan cara ini kita dapat mengatur fungsi yang akan dipanggil dengan hook dan menghapus fungsi itu setelahnya sehingga tidak akan memengaruhi kueri lainnya.

Berikut adalah kode untuk blok kode di atas repeater

Blok Kode Pertama

 <?php function b58_add_tax_links ( $posts, $query ) { // ignore if in admin if ( is_admin() ) { return $posts; } try { $terms = get_terms([ "taxonomy" => "regions" , "hide_empty" => true , "orderby" => "name" , "order" => "ASC" ]); } catch ( Exception $e) { echo 'Caught exception: ' , $e->getMessage(), "\n" ; return $posts; } if ( empty ( $terms ) ) { return $posts; } $new_posts = array (); foreach ( $terms as $term ) { for ( $i = 0 ; $i < count($posts); $i++ ) { if ( has_term( $term->slug, "regions" , $posts[$i] ) ) { $posts[$i]->post_title = $posts[$i]->post_title; $new_posts[] = $posts[$i]; } } // create a post object from this term. $term_post = b58_create_post_from_term( $term, "destinations" ); $new_posts[] = $term_post; } return $new_posts; } add_filter( 'the_posts' , 'b58_add_tax_links' , 10 , 2 ); ?>
 Bahasa kode: HTML, XML ( xml )

Mari kita bahas kode ini.

1. Tidak melakukan apa-apa jika di dasbor admin.
2. Jika tidak, saya menjalankan kueri get_terms untuk taksonomi dengan slug regions , diurutkan berdasarkan nama dalam urutan menaik. Taksonomi Wilayah dilampirkan ke jenis pos kustom Tujuan, itu adalah salah satu dari 7 benua tempat tujuan berada, jadi Nairobi dan Kairo ada di Afrika, Hong Kong di Asia, dan seterusnya.
3. Tambahkan beberapa pemeriksaan dan penanganan kesalahan jika ada kesalahan ketik dengan nama istilah atau jika tidak ada istilah untuk taksonomi, maka kami hanya mengembalikan hasil aslinya.
4. Jika kueri istilah melewati semua pemeriksaan, nyatakan array kosong baru yang disebut $new_posts , saya akan menambahkan posting ke dalam array ini dan mengembalikannya alih-alih array posting yang sebenarnya.
5. Ulangi melalui array $terms , dan untuk setiap istilah saya mengulangi melalui array $posts dan menemukan yang memiliki istilah itu dan menambahkannya ke $new_posts .
6. Setelah saya selesai mencari array $posts , saya membuat posting palsu dengan $term saat ini dan memberikannya jenis tujuan posting (bisa apa saja, kok.) Kemudian saya menambahkan posting palsu ini ke $new_posts .

Saat fungsi kembali, item array $new_posts akan terlihat seperti:
Kairo, Nairobi, Afrika, Hong Kong, Asia, London, Eropa ... seterusnya. Afrika, Asia, dan Eropa, adalah posting palsu.

Terakhir, kita tambahkan fungsi di atas ke hook the_posts .

Blok Kode Kedua

Blok Kode di bawah repeater adalah:

 <?php remove_filter( 'the_posts' , 'b58_add_tax_links' ); ?>
 Bahasa kode: HTML, XML ( xml )

Ini menghilangkan fungsi dari hook.

Format daftarnya

Pada titik ini repeater selesai. Item dengan Taksonomi yang sama dikelompokkan bersama, dan di akhir setiap grup terdapat tautan ke arsip Istilah. Namun, daftarnya agak campur aduk, semuanya berjalan bersama dalam kotak besar. Saya ingin setiap grup item dan tautan arsipnya berada dalam satu baris sendiri, dan inilah cara melakukannya.

Siapkan elemen

1. Pilih div item berulang di bawah repeater dan tambahkan atribut bernama data-post-id dan gunakan data dinamis Post ID untuk nilainya.
2. Pilih repeater dan berikan beberapa ID atau cukup salin ID saat ini, milik saya adalah _dynamic_list-5-343 .

JQuery

Di Blok Kode atas (salah satu berfungsi, atau bahkan yang baru), saya menambahkan kode berikut ke bagian Javascript.

 jQuery( ( $ ) => { $( "#_dynamic_list-5-343 [data-post-id^=\"-\"]" ).after( $( "<div />" ) .css({ height : "0px" , "flex-basis" : "100%" }) ) });
 Bahasa kode: JavaScript ( javascript )

Ini menambahkan div setelah div Persyaratan (ID posting dimulai dengan "-", negatif) dan div memiliki flex-basis: 100% dan height: 0px yang seperti menambahkan jeda baris di baris pengulang.

Dan itu saja.

Hasil

Setiap item yang diulang memiliki judul posting masing-masing dan gambar unggulan sebagai latar belakang. Untuk item Ketentuan saya menambahkan kata "Jelajahi" dan mengaturnya agar ditampilkan secara kondisional ketika ID posting negatif (< 0).

Kesimpulan

Semoga dengan teknik-teknik ini Anda dapat meningkatkan repeater Oxygen Builder atau Easy Posts Anda.

Jika Anda memiliki pertanyaan, Anda dapat DM saya di twitter @robchankh atau tinggalkan komentar di FB tempat saya akan memposting ini.