Divi 5 กำลังฉายเส้นทาง (ในขณะที่ยังอยู่ในอัลฟ่า)

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

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

หมายเหตุ: Divi 5 พร้อมที่จะใช้กับเว็บไซต์ใหม่ แต่เราไม่แนะนำให้แปลงเว็บไซต์ที่มีอยู่เป็น Divi 5

ความคืบหน้าในการกลับมาของ Divi

2025 เป็นปีของ Divi 5 เรากำลังทำทุกอย่างเท่าที่ทำได้เพื่อสร้างประสบการณ์การสร้างไซต์ที่ดีที่สุดใน WordPress

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

1. Refactored & Modern Codebase

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

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

Oxygen V4 เข้ากันไม่ได้กับ V6 ที่ประกาศใหม่

Divi 5 แตกต่างกัน เรายังคงความเข้ากันได้ย้อนหลังในการมุ่งเน้นในขณะที่สร้างรากฐานสำหรับอนาคต

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

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

นี่เป็นเพียงปลั๊กอินบางส่วนไม่ต้องพูดถึงธีมเสริมอื่น ๆ อีกมากมาย

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

2. ระบบที่ตั้งไว้ล่วงหน้าที่ดีที่สุดสำหรับ WordPress

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

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

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

3. ตัวแปรการออกแบบ

มีสองสิ่งสำคัญที่ควรรู้เกี่ยวกับตัวแปรการออกแบบ:

1. ตัวแปรการออกแบบทำงานคล้ายกับตัวแปร CSS ช่วยให้คุณเก็บค่าที่นำกลับมาใช้ใหม่ได้ใน UI
2. ตัวแปรการออกแบบก้าวข้ามสิ่งที่ตัวแปร CSS ทั่วไปสามารถจัดการเพื่อรวมเนื้อหา (คิดภาพ url และสตริงข้อความ)

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

Elementor, WPBakery และตัวแก้ไขบล็อกไม่มีตัวแปรทั่วทั้งระบบ แน่นอน Divi มีสิ่งนี้และยังช่วยให้คุณใช้ตัวแปร CSS ตามที่คุณเห็น

4. ความสามารถในการใช้หน่วย CSS ทั้งหมด

ไม่มีข้อ จำกัด ของหน่วยพื้นฐานอีกต่อไป Divi 5 ยอมรับหน่วย CSS ที่ถูกต้องใด ๆ-รวมถึง VW, REM, Fit-content, clamp () และ calc () คุณสามารถใช้ตัวแปร CSS ที่คุณอาจเพิ่มผ่าน CSS ที่กำหนดเอง

ใช้หน่วย CSS ขั้นสูงและฟังก์ชั่นทั่วทั้งตัวแก้ไขแม้ในตัวจัดการตัวแปร

Divi 5 รองรับหน่วย CSS ที่ทันสมัยทั้งหมดรวมถึงแคลมป์ (), calc () และค่าที่ไม่มีหน่วย สิ่งนี้ช่วยให้นักออกแบบควบคุมเลย์เอาต์ของเหลวประเภทที่ปรับขนาดได้และระยะห่างที่ตอบสนองได้ด้วยหน่วย CSS ที่พวกเขาสะดวกสบาย

5. มู่เล่ฐานราก

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

คุณลักษณะสำคัญเจ็ดรายการจะเปิดตัวในเวลาเพียงสามเดือน นั่นเป็นผลมาจากเอฟเฟกต์มู่เล่โดยเจตนา

PACE: ฟีเจอร์ Divi 5 ที่สำคัญและสำคัญทุก ๆ 12.3 วัน!

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

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

6. ความเร็วที่เหลือเชื่อ

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

Elementor ช้าในตัวแก้ไขและคุณสามารถรู้สึกได้แม้ว่าคุณจะอยู่ในโหมดผ้าใบ (ไม่มีส่วนหัวหรือส่วนท้ายที่โหลดในตัวแก้ไข)

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

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

เราได้ลบภาพเคลื่อนไหวอันเป็นที่รัก แต่เฉื่อยชาของเราดังนั้นคุณไม่ต้องผ่านการ คลิก, รอ, โหลด รอบ

7. ผู้สร้างภาพที่ให้ความรู้สึกทันสมัย

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

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

มุมมองเลเยอร์และการสลับเอ็กซ์เรย์ช่วยให้คุณเข้าใจการออกแบบของคุณในหน้าเว็บที่ซับซ้อนทางสายตา

มุมมอง Wireframe คลาสสิก Divi ช่วยให้คุณเห็นหน้าของคุณจากมุมมองเลย์เอาต์อย่างเคร่งครัดโดยไม่ต้องแสดงผลเฉพาะการออกแบบ

8. จุดพักที่ปรับแต่งได้

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

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

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

เรายังไม่เสร็จ (แต่เรากำลังก้าวไปข้างหน้า)

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

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

ยุคใหม่สำหรับระบบสีที่มี divi

ระบบสีของ Divi กำลังได้รับการอัพเกรด

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

เลย์เอาต์ด้วย Flex

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

รวมสิ่งนี้เข้ากับแถวที่ซ้อนกันและคุณสามารถสร้างเค้าโครงที่ตอบสนองได้อย่างเต็มที่พร้อมรหัสน้อยและประสิทธิภาพที่ดีขึ้น

Divi กำลังเคลื่อนไหวอย่างรวดเร็ว

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

และตอนนี้ด้วยสี HSL และ Flexbox บนดาดฟ้า (และคุณสมบัติอื่น ๆ ที่ไม่แจ้งล่วงหน้า) เราให้เครื่องมือที่นักออกแบบที่พวกเขารอคอย

หมายเหตุ: Divi 5 พร้อมที่จะใช้กับเว็บไซต์ใหม่ แต่เราไม่แนะนำให้แปลงเว็บไซต์ที่มีอยู่เป็น Divi 5