โมดูลม้าหมุนกลุ่มใหม่โมดูลลอตตี้และอีกมากมาย!

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

นอกจากนี้เรายังเพิ่มโมดูล Lottie สำหรับภาพเคลื่อนไหวที่ใช้ JSON และโมดูลรายการไอคอนสำหรับการสร้างรายการง่าย ๆ

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

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

โมดูลม้าหมุนกลุ่ม

การเพิ่มที่สำคัญที่สุดคือโมดูลม้าหมุนกลุ่ม

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

สร้างโพสต์คำศัพท์และม้าหมุนตามผู้ใช้

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

เปิดใช้งานการวนซ้ำในกลุ่มปรับแต่งการสืบค้นและเสียบเนื้อหาแบบไดนามิกเข้ากับองค์ประกอบม้าหมุน ในตัวอย่างนี้ฉันสร้างม้าหมุนรับรองโดยใช้ประเภทโพสต์และฟิลด์ที่กำหนดเองที่สร้างขึ้นโดยใช้ ACF

ตัวอย่างม้าหมุน

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

ท้องฟ้าขีด จำกัด !

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

ตัวอย่าง #1: ตัวเลื่อนแบบเต็มหน้าจอที่กำหนดเอง

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

ตัวอย่าง #2: ม้าหมุนหลายทีมสไลด์

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

ตัวอย่าง #3: ม้าหมุนวนตามระยะเวลา

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

ตัวอย่าง #4: เมนูอาหารที่มีการเปลี่ยนแปลงอย่างสร้างสรรค์

ในตัวอย่างนี้ฉันสร้างเมนูที่เลื่อนผ่านรายการอาหารที่ขายดีที่สุด การปรับสเกลและความทึบของสไลด์ที่ไม่ได้ใช้งานจะสร้างเอฟเฟกต์การเปลี่ยนแปลงที่สนุกสนานเมื่อฉันเลื่อนผ่านแต่ละรายการ

โมดูล Lottie

โมดูล Lottie ใหม่ทำให้ง่ายต่อการเพิ่มแอนิเมชั่น Lottie ในเว็บไซต์ของคุณและควบคุมภาพเคลื่อนไหวและการโต้ตอบ

แอนิเมชั่น Lottie นั้นยอดเยี่ยมเพราะพวกเขาเป็น JSON และ SVG ซึ่งทำให้พวกเขามีน้ำหนักเบาและสมบูรณ์แบบ มีหลายสถานที่ออนไลน์ที่คุณสามารถค้นหาภาพเคลื่อนไหวที่ยอดเยี่ยมและเพิ่มลงในหน้าของคุณได้อย่างง่ายดาย

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

️หมายเหตุ: Library Media WordPress ไม่อนุญาตให้อัปโหลดไฟล์ JSON หากคุณต้องการอัปโหลดแอนิเมชั่นล็อตตี้ผ่านไลบรารี WordPress Media คุณสามารถใช้ปลั๊กอินเช่นประเภทการอัปโหลดไฟล์เพื่อเปิดใช้งานการอัปโหลด JSON

โมดูลรายการไอคอน

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

ก่อนหน้านี้วิธีเดียวที่จะสร้างรายการคือด้วยตนเองภายในโมดูลข้อความทำให้นี่เป็นสิ่งที่ง่าย แต่ยินดีต้อนรับ

ลอง Divi 5 วันนี้

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

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

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

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

คุณเคยลอง Loop Builder แล้วหรือยัง?

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

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

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

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

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

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

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

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