แนะนำตัวสร้างลูปสำหรับ Divi 5

วันนี้เราแนะนำ Loop Builder Divi 5 ซึ่งช่วยให้คุณสร้างการวนซ้ำเนื้อหาโพสต์และอิงตามคำโดยใช้องค์ประกอบ Divi ใด ๆ

ผู้สร้างลูปของ Divi นั้นมีความโดดเด่นในเสรีภาพ คุณสามารถวนอะไรได้โดยไม่ถูก จำกัด ไว้ที่โมดูลหรือคอนเทนเนอร์แบบคงที่ สร้างองค์ประกอบการวนลูปของคุณจากนั้นปรับแต่งการสืบค้นของคุณโดยใช้ตัวเลือกที่สะดวกสบายและการสืบค้นเมตา

รองรับประเภทโพสต์ที่กำหนดเองรวมถึง WooCommerce ฟิลด์ที่กำหนดเองที่สร้างขึ้นด้วย ACF และแม้แต่ฟิลด์ ACF Repeater

มันเป็นคุณสมบัติที่เหลือเชื่อ!

ลองดูวิดีโอต่อไปนี้เพื่อดูคุณสมบัติใหม่ที่ดำเนินการ

วนอะไร

สิ่งแรกสิ่งแรก: ผู้สร้างลูปคืออะไร? พูดง่ายๆคือเครื่องมือที่ให้คุณแสดงเนื้อหาจากฐานข้อมูลของเว็บไซต์ของคุณ (เช่นโพสต์ผลิตภัณฑ์หมวดหมู่และผู้แต่ง) และปรับแต่งการออกแบบของแต่ละรายการในลูป

สิ่งนี้ช่วยให้คุณสามารถสร้างเนื้อหาที่โพสต์อิงเช่นฟีดบล็อกที่กำหนดเองรายการผลิตภัณฑ์ปฏิทินกิจกรรมรายการหลักสูตรหน้าหมวดหมู่และทุกอย่างอื่น!

1. ขั้นแรกให้สร้างเทมเพลตสำหรับรายการที่วนรอบโดยใช้องค์ประกอบ Divi และการตั้งค่าการออกแบบ
2. ถัดไปปรับแต่งแบบสอบถามที่ควบคุมเนื้อหาในลูป (จำนวนโพสต์, ประเภทโพสต์, หมวดหมู่ ฯลฯ )
3. ในที่สุดเสียบเนื้อหาแบบไดนามิกจากลูปเข้ากับเทมเพลตของคุณ (ชื่อโพสต์, ภาพเด่น, ข้อความที่ตัดตอนมาและอื่น ๆ )

ก่อนที่ฉันจะได้รับรายละเอียดให้ฉันยกตัวอย่างสิ่งที่คุณสามารถสร้างได้โดยใช้ตัวสร้างลูปใหม่ของ Divi

ตัวอย่าง #1: ฟีดบล็อกที่กำหนดเอง

ดูฟีดบล็อกที่สวยงามในวิดีโอด้านล่าง คุณจะคุ้นเคยกับบล็อกโพสต์บล็อกเพราะเป็นหลักของ WordPress และสิ่งที่แสดงโดยโมดูลบล็อก Divi แต่ตัวอย่างนี้ไม่ใช่โมดูลบล็อก มันเป็นวงที่กำหนดเอง

ฉันสร้างเทมเพลตบล็อกของฉันโดยใช้องค์ประกอบ Divi และการตั้งค่าการออกแบบ ต่อไปฉันเปิดการวนลูปสำหรับคอลัมน์ที่มีองค์ประกอบเนื้อหาของฉันและเลือกที่จะวนซ้ำผ่านโพสต์ คอลัมน์ได้รับการทำซ้ำโดยแต่ละอินสแตนซ์แสดงโพสต์ในลูป

ในที่สุดฉันเสียบเนื้อหาแบบไดนามิกจากลูปเช่นกระเบื้องโพสต์และภาพที่โดดเด่นเพื่อให้แต่ละรายการในลูปแสดงเนื้อหาที่ไม่ซ้ำกัน คุณสามารถทำสิ่งนี้สำหรับประเภทโพสต์ใด ๆ เพื่อสร้างเนื้อหาที่ใช้โพสต์ใด ๆ

ตัวอย่าง #2: ผลิตภัณฑ์ WooCommerce ที่โดดเด่น

ในตัวอย่างนี้ฉันสร้างลูปของผลิตภัณฑ์ WooCommerce ที่โดดเด่นสำหรับหน้าแรกของฉัน เทมเพลตถูกสร้างขึ้นโดยใช้โมดูลและกลุ่มภายในคอลัมน์วนอยู่ภายในแถว

ฉันปรับแต่งแบบสอบถามเพื่อแสดงผลิตภัณฑ์เฉพาะที่ฉันต้องการ

ตัวอย่าง #3: ปฏิทินกิจกรรม

ฉันสร้างเหตุการณ์ที่จะเกิดขึ้นจากปลั๊กอินปฏิทินกิจกรรมในตัวอย่างนี้ ผู้สร้างลูปของ Divi ช่วยให้คุณมีอิสระในการออกแบบองค์ประกอบการวนรอบของคุณอย่างเต็มที่ดังนั้นคุณสามารถสร้างสรรค์ด้วยการออกแบบลูปของคุณโดยเฉพาะอย่างยิ่งกับระบบเค้าโครง FlexBox ของ Divi 5

นอกจากนี้คุณยังสามารถแตะลงในฟิลด์ที่กำหนดเอง (โพสต์เมตา) สำหรับประเภทโพสต์ใด ๆ ในกรณีนี้ฉันสามารถใช้ฟิลด์ราคาและวันที่

ตัวอย่าง #4: ตัวเลื่อนหลักสูตร LMS

คุณสามารถวนลูปรายการย่อยเช่นสไลด์ภายในตัวเลื่อน

สไลด์ลูปในวิดีโอด้านล่างแสดงหลักสูตรที่โดดเด่นจาก Tutor LMS

Divi มีแนวคิดของโมดูลโพสต์ที่ใช้เช่นตัวเลื่อนโพสต์และโมดูลบล็อก แต่ด้วยเนื้อหาแบบไดนามิกและตัวสร้างลูปใหม่ของ Divi องค์ประกอบใด ๆ สามารถเปลี่ยนเป็นวงไดนามิกได้

ตัวอย่าง #5: หน้าหมวดหมู่ WooCommerce

นอกจากนี้คุณยังสามารถวนผ่านข้อกำหนดและผู้ใช้

ในตัวอย่างนี้ฉันสร้างหน้าผลิตภัณฑ์ระดับบนสุดที่วนซ้ำผ่านหมวดผลิตภัณฑ์ WooCommerce ทั้งหมด

แต่ละรายการในลูปเป็นหมวดหมู่มากกว่าโพสต์ ชื่อหมวดหมู่ผลิตภัณฑ์และภาพที่โดดเด่นจะถูกดึงออกมาจากคำว่า meta

ตัวอย่าง #6: ผู้เขียนบล็อก

ในวิดีโอตัวอย่างด้านล่างฉันสร้างหน้าเว็บที่มีผู้เขียนบล็อกทั้งหมดของเรา

มันวนผ่านผู้ใช้ทุกคนที่มีบทบาทผู้แต่งและแสดงชื่ออวตารและชีวภาพ

สำรวจตัวเลือกการสอบถามแบบสอบถาม

ลองดูตัวเลือกการสืบค้นของ Loop Builder ที่ควบคุมโพสต์ที่ปรากฏในลูป คุณสามารถเลือกประเภทโพสต์ที่จะวนผ่านโพสต์กรองตามหมวดหมู่และแท็กตัวกรองโพสต์เฉพาะหรือสร้างคิวรีเมตาแบบกำหนดเองเพื่อกำหนดเป้าหมายเนื้อหาเฉพาะ คุณยังสามารถควบคุมการสั่งซื้อโพสต์และชดเชย

• ประเภทการสืบค้น - เลือกสิ่งที่คุณต้องการลูปไม่ว่าจะเป็นโพสต์คำศัพท์หรือผู้ใช้
• ประเภทโพสต์ - หากคุณกำลังวนโพสต์คุณสามารถเลือกประเภทโพสต์ที่จะวนซ้ำเช่นโพสต์บล็อก, ผลิตภัณฑ์ woocommerce, โครงการ Divi ฯลฯ
• ข้อกำหนด - หากคุณกำลังวนคำศัพท์คุณสามารถเลือกคำที่จะวนซ้ำเช่นหมวดหมู่และแท็ก
• ผู้ใช้ - หากคุณกำลังวนรอบผู้ใช้คุณสามารถเลือกบทบาทของผู้ใช้ในการวนซ้ำเช่นผู้แต่งหรือผู้มีส่วนร่วม
• รวมโพสต์ที่มีคำศัพท์เฉพาะ - หากคุณกำลังวนโพสต์คุณสามารถเลือกวนซ้ำผ่านโพสต์จากหมวดหมู่และแท็กเฉพาะเท่านั้น
• ไม่รวมโพสต์ที่มีข้อกำหนดเฉพาะ - คุณยังสามารถยกเว้นโพสต์จากหมวดหมู่และแท็กเฉพาะจากลูปของคุณ
• รวมโพสต์เฉพาะ - หากคุณกำลังวนโพสต์คุณสามารถรวมเฉพาะโพสต์เฉพาะในลูปของคุณซึ่งยอดเยี่ยมสำหรับการโพสต์บล็อกหรือผลิตภัณฑ์
• ไม่รวมโพสต์เฉพาะ - คุณยังสามารถยกเว้นโพสต์เฉพาะจากลูปของคุณ
• สั่งซื้อโดย - สั่งซื้อรายการที่วนซ้ำของคุณโดยจากน้อยไปมากหรือจากมากไปน้อย
• โพสต์ต่อหน้า - เลือกจำนวนรายการที่ควรวนรอบในแต่ละหน้า
• โพสต์ออฟเซ็ต - แสดงเฉพาะทุกรายการ N สิ่งนี้ช่วยให้คุณสร้างลูปหลายลูปผ่านแบบสอบถามเดียวกันแต่ละชุดมีชุดโพสต์และการออกแบบที่ไม่ซ้ำกัน
• Meta Query - สร้างแบบสอบถามที่กำหนดเองเพื่อกรองลูปของคุณโดยใช้คีย์โพสต์ใด ๆ
  • คีย์เมตา - คีย์เมตาในตาราง post_meta
  • ค่าเมตา - ค่าของรายการที่มีคีย์เมตาเฉพาะ
  • เปรียบเทียบ - เมื่อคุณสอบถามคีย์เมตาเฉพาะคุณสามารถเลือกวิธีเปรียบเทียบค่าที่จะส่งผลกระทบต่อการสืบค้น (เท่ากับมากกว่า ฯลฯ )
  • ประเภท - ประเภทของค่าที่ถูกเปรียบเทียบเช่นจำนวนวันที่เวลาเวลา ฯลฯ

การสนับสนุนประเภทฟิลด์และโพสต์ที่กำหนดเอง

ผู้สร้างลูปของ Divi รองรับฟิลด์ที่กำหนดเองได้สองวิธี ประการแรกคุณสามารถใช้คิวรีเมตาแบบกำหนดเองเพื่อแสดงเนื้อหาเฉพาะในลูปของคุณตามข้อมูลของโพสต์ในตาราง post_meta ซึ่งรวมถึงข้อมูลฟิลด์ที่กำหนดเองทั้งหมด ประการที่สองคุณสามารถแสดงข้อมูลจากตาราง WP_POSTMETA เช่นข้อมูลฟิลด์ที่กำหนดเองเป็นเนื้อหาภายในเทมเพลตลูปของคุณ

สนับสนุนฟิลด์ที่กำหนดเองขั้นสูง (ACF)

ตัวสร้างลูปของ Divi รองรับฟิลด์ที่กำหนดเองที่สร้างขึ้นโดยใช้ฟิลด์ Advanced Custom (ACF) เมื่อเลือกฟิลด์ที่กำหนดเองคุณจะพบฟิลด์ ACF ทั้งหมดที่ด้านบนซึ่งมีป้ายกำกับด้วยชื่อฟิลด์ที่เกี่ยวข้อง

รองรับฟิลด์ ACF Repeater

ผู้สร้างลูปของ Divi ยังรองรับ ACF Trepeater Fields หากคุณใช้ ACF เพื่อสร้างลูปแบบสอบถามคุณสามารถเลือกได้จากเมนูประเภทการสืบค้นและทุกอย่างจะเข้าที่

ลอง Divi 5 วันนี้

Loop Builder สำหรับ Divi 5 มีให้บริการในวันนี้และเป็นหนึ่งในคุณสมบัติมากมายที่มาถึง Divi ในปีนี้

คุณสามารถติดตามได้ในขณะที่เราดำเนินการผ่านการเปิดตัวครั้งสุดท้ายของ Divi 5 และอื่น ๆ ด้วยการอัปเดตทุกสองสัปดาห์ ขึ้นอยู่กับลำดับความสำคัญของคุณคุณสามารถใช้ Divi 5 ตอนนี้เพื่อสร้างเว็บไซต์ใหม่หรือรอจนกว่าเราจะเพิ่มคุณสมบัติเพิ่มเติมไม่ว่าอะไรจะดีที่สุดสำหรับคุณ

ตามที่ระบุไว้ในตารางการเปิดตัวหลายเฟสดั้งเดิมของ Divi 5 Divi 5 Public Alpha เป็นเหมือน“ Divi 5 Lite” มันขาดคุณสมบัติไม่กี่อย่างและอาจไม่เหมาะสำหรับเว็บไซต์ที่มีอยู่ แต่ก็พร้อมที่จะใช้กับเว็บไซต์ใหม่หากคุณต้องการประสบการณ์ใน Divi 4

เราต้องการให้คุณลองและถ้าคุณรักมันให้ใช้มัน เมื่อทุกคนรักมันเราจะทำให้มันเป็นทางการ

คุณลอง Flexbox แล้วหรือยัง?

ในกรณีที่คุณพลาดเราเพิ่งเปิดตัวระบบเค้าโครงที่ใช้ FlexBox ใหม่ทั้งหมดสำหรับ Divi 5

นี่ไม่ใช่การอัปเดตเล็กน้อย มันนำกลับมาใช้ใหม่ Divi ช่วยให้คุณสามารถสร้างโครงสร้างเค้าโครงใด ๆ รวมถึงการแยกเลย์เอาต์ที่ตอบสนองการสั่งซื้อโมดูลที่กำหนดเองการจัดตำแหน่งแนวตั้งง่ายและการวางตำแหน่งองค์ประกอบและอื่น ๆ อีกมากมาย ไม่มีหินที่ถูกทิ้งไว้ไม่มีตัวเลือกถูกลืม - เราทำทุกอย่างและมันก็ดีที่สุดในชั้นเรียน มีลิงค์ในคำอธิบายวิดีโอเพื่อเรียนรู้เพิ่มเติม

ดูวิดีโอนี้สำหรับรายละเอียดทั้งหมด

การอัปเดต Divi 5 เพิ่มเติมกำลังมา

2025 เป็นปีของ Divi 5 งานที่น่าเบื่ออยู่ข้างหลังเรา เราสร้างรากฐานที่รวดเร็วเป็นพิเศษและตอนนี้ถึงเวลาแล้วที่ Divi จะกลับมาอีกครั้ง

หากคุณมาที่นี่เพื่อกลับมา Divi ให้เราโปรดปรานอย่างมากและแจ้งให้เราทราบโดยชอบวิดีโอนี้และแสดงความคิดเห็น มันมีความหมายมากสำหรับเราที่จะเห็นคุณเชียร์ Divi และจำเป็นต้องป้อนอัลกอริทึมและกระจายคำ

อย่าลืมติดตามเราบน YouTube และสมัครรับจดหมายข่าว Divi ดังนั้นคุณจะไม่พลาดการอัปเดต ฉันจะพบคุณเร็ว ๆ นี้สำหรับการประกาศฟีเจอร์ Divi 5 อีกครั้งซึ่งฉันสัญญาว่าจะอยู่ใกล้ ๆ