ระบบเลย์เอาต์ FlexBox ของ Divi 5 มาถึงแล้ว

วันนี้เราแนะนำระบบเค้าโครงที่ใช้ FlexBox ใหม่ทั้งหมดสำหรับ Divi 5

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

ไม่มีหินที่ถูกทิ้งไว้ไม่มีตัวเลือกถูกลืม - เราทำทุกอย่างและมันก็ดีที่สุดในชั้นเรียน

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

ระบบเลย์เอาต์ใหม่ทั้งหมดของ Divi 5

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

ระบบเลย์เอาต์ใหม่ทำให้การควบคุมตำแหน่งองค์ประกอบการเว้นระยะการห่อและการสั่งซื้อง่าย

การเลือกเทมเพลตแถว FlexBox ใหม่ที่แข็งแกร่ง

ก่อนอื่นคุณจะสังเกตเห็นการเลือกเทมเพลตแถวใหม่รวมถึงตัวเลือกหลายแถวซ้อนกัน มีการเปลี่ยนแปลงที่หลากหลายมากขึ้น!

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

การควบคุม FlexBox สำหรับทุกสิ่ง

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

โครงสร้างแถวตอบสนอง

การสร้างเว็บไซต์ที่ตอบสนองไม่เคยง่ายกว่านี้มาก่อน

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

การสั่งซื้อองค์ประกอบที่ตอบสนอง

การสั่งซื้อองค์ประกอบที่ตอบสนองเป็นเรื่องง่าย

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

การวางตำแหน่งองค์ประกอบเด็กง่าย

FlexBox ทำให้องค์ประกอบการวางตำแหน่งภายในภาชนะแม่ของพวกเขาง่ายขึ้นมาก

คุณไม่จำเป็นต้องใช้องค์ประกอบ JavaScript หรือตำแหน่งที่แน่นอน ตัวอย่างเช่นองค์ประกอบที่อยู่ตรงกลางในแนวตั้งภายในคอลัมน์นั้นอยู่ห่างออกไปเพียงไม่กี่คลิก

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

การหักล้างส่วนพิเศษและส่วนเต็ม

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

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

ความเป็นไปได้ของเค้าโครงใหม่ที่ไม่มีที่สิ้นสุด

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

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

ดาวน์โหลดเลย์เอาต์

เราโยนความประหลาดใจเล็กน้อยเช่นกัน

คุณจะสังเกตเห็นการปรับปรุงความประหลาดใจอื่น ๆ ในการอัปเดตนี้

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

ลอง Divi 5 วันนี้

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

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

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

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

คุณเคยลองโต้ตอบหรือยัง?

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

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

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

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

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

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