แนะนำ CSS Grid สำหรับ Divi 5

นี่คือสิ่งที่ยิ่งใหญ่ เราสร้างตัวสร้างกริด CSS ที่ดีที่สุดและมีให้สำหรับ Divi 5 ในวันนี้ มันดีกว่า Elementor มันดีกว่าอิฐ ไม่ว่าคุณจะต้องการเชี่ยวชาญกริดหรือเพียงแค่ใช้เทมเพลตกริดใหม่ของ Divi คุณจะรักการอัปเดตนี้

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

ตาราง CSS สำหรับทุกคน

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

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

เทมเพลตกริดสำหรับทุกโอกาส

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

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

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

การควบคุมที่สมบูรณ์สำหรับผู้เชี่ยวชาญกริด

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

แน่นอนคุณสามารถละทิ้งอินเทอร์เฟซและใช้กฎกริดโดยใช้แผง CSS ที่กำหนดเองได้เช่นกัน อะไรก็ตามที่ดีที่สุดสำหรับคุณ

ตัวเลือกกริดที่ใช้งานง่ายสำหรับผู้ประกอบเว็บ

หากคุณอยู่ที่ไหนสักแห่งในระหว่างนั้นผู้สร้างกริดของ Divi 5 จะส่องแสงจริงๆ

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

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

การแก้ไขแบบชดเชยกริด

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

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

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

นอกจากนี้ฉันสามารถใช้ตัวแก้ไขออฟเซ็ตเพื่อใช้กฎกับรายการเฉพาะในกริด

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

การสาธิต CSS Grid (ดาวน์โหลดฟรี)

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

คุณสามารถดาวน์โหลดได้ฟรีและทดสอบด้วยตัวเอง

ลอง Divi 5 วันนี้

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

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

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

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

คุณได้ลองใช้แอตทริบิวต์ที่กำหนดเองสำหรับ Divi 5 หรือไม่?

ในกรณีที่คุณพลาดเราเพิ่งเปิดตัวคุณลักษณะที่กำหนดเองใหม่ซึ่งช่วยให้คุณสามารถเพิ่มแอตทริบิวต์ใด ๆ เช่น alt, title, rel และ aria-label ไปยังองค์ประกอบและองค์ประกอบย่อยส่วนใหญ่

Divi ได้รับการสนับสนุนสำหรับคุณลักษณะเฉพาะเช่นคลาสและ ID แต่ตอนนี้คุณสามารถเพิ่มแอตทริบิวต์ใด ๆ ในองค์ประกอบใด ๆ สิ่งนี้มีความสำคัญอย่างยิ่งสำหรับการเข้าถึงช่วยให้คุณเพิ่มข้อความ alt ลงในรูปภาพและบทบาทและป้ายกำกับให้กับองค์ประกอบที่ไม่ใช่ความหมายเช่นปุ่มที่ใช้ไอคอน

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

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

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

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

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