10 ความแตกต่างหลักระหว่าง Divi 4 และ Divi 5 (อัลฟ่าสาธารณะ)

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

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

ดาวน์โหลด Divi 5 Public Alpha

เรียนรู้เพิ่มเติมเกี่ยวกับ Divi 5 Public Alpha และวิธีดาวน์โหลด

ดาวน์โหลด Divi 5 Public Alpha

เหตุใดการเปลี่ยนไปใช้ Divi 5 จึงมีความสำคัญ

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

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

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

ดาวน์โหลด Divi 5 Public Alpha

10 ความแตกต่างหลักระหว่าง Divi 4 และ Divi 5

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

1. เขียนใหม่สถาปัตยกรรมหลัก

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

ด้วยการเปิดตัว Divi 5 Public Alpha กรอบงานทั้งหมดได้ถูกเขียนใหม่ตั้งแต่ต้นจนจบ แทนที่จะแพตช์โค้ดเก่า Divi ได้ถูกสร้างขึ้นใหม่ด้วยเฟรมเวิร์กโมดูลาร์ที่ทันสมัย ขณะนี้แต่ละโมดูล (ข้อความ แกลเลอรีรูปภาพ ฯลฯ) ทำงานแยกกัน หมายความว่าเฉพาะส่วนประกอบที่จำเป็นเท่านั้นที่จะถูกโหลดเมื่อคุณทำงานใน Visual Builder หรือแสดงผลเว็บเพจ ด้วยการผสมผสานวิธีการแบบโมดูลาร์นี้ ความเร็วและประสิทธิภาพได้รับการปรับปรุง ทำให้การเพิ่มคุณสมบัติในอนาคตง่ายขึ้นโดยไม่ทำให้ระบบช้าลง โค้ดเบสที่สะอาดกว่าของ Divi 5 ไม่เพียงแต่รับประกันประสิทธิภาพที่ดีขึ้นในขณะนี้ แต่ยังเป็นรากฐานที่ปรับขนาดได้สำหรับการพัฒนาในอนาคต

ประโยชน์

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

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

2. ไม่มีรหัสย่ออีกต่อไป

ดิวิ 4

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

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

ด้วยการลบรหัสย่อ Divi 5 มอบแพลตฟอร์มที่เร็วขึ้นและมีเสถียรภาพมากขึ้น ปรับปรุงประสบการณ์การสร้างและความเร็วเพจที่ส่วนหน้า

3. ปรับปรุงประสิทธิภาพและความเร็วในตัวสร้างภาพ

ดิวิ 4

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

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์:

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

ด้วยการปรับปรุงประสิทธิภาพเหล่านี้ Divi 5 นำเสนอการก้าวกระโดดที่สำคัญเหนือ Divi 4 ในด้านความเร็วในการโหลดหน้าเว็บและประสบการณ์การสร้างหน้าเว็บ

4. การแก้ไขด้วยคลิกเดียว

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

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

5. ความสามารถในการขยายสำหรับนักพัฒนา

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

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

6. เครื่องมือออกแบบที่ตอบสนอง

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

7. การเชื่อมต่อและการจัดการแผงควบคุม

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

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

8. Breadcrumbs เพื่อการนำทางที่ง่ายดาย

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

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

9. โหมดแสงและความมืด

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

10. การจัดการที่ตั้งไว้ล่วงหน้า

ดิวิ 4

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

ความท้าทาย

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

ดิวิ 5

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

ประโยชน์

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

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

Divi 5 ช่วยออกแบบและสร้างเว็บไซต์เร็วขึ้น

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

ดาวน์โหลด Divi 5 Public Alpha