Divi 5 Public Alpha เวอร์ชัน 7: ความคืบหน้าฟีเจอร์ใหม่!

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

มีอะไรใหม่ในสาธารณะ Alpha 7?

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

เราเขียนรากฐานของ Divi ใหม่เสร็จแล้ว เรามีข้อบกพร่องภายใต้การควบคุม จากนี้ไป เราจะมีฟีเจอร์ใหม่ๆ มากมาย!

การแก้ไขข้อบกพร่องและการปรับปรุงที่โดดเด่น

ในบรรดาการแก้ไขข้อบกพร่อง 38 รายการและการปรับปรุงที่รวมอยู่ในรุ่นนี้ มีจุดเด่นบางประการดังนี้:

ปุ่มออกและทางลัดใหม่

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

การปรับปรุงประสิทธิภาพ

เวอร์ชันนี้ปรับปรุงประสิทธิภาพอย่างมากเมื่อใช้ Divi กับ WooCommerce หากคุณติดตั้ง WooCommerce คุณจะสังเกตเห็นว่าการโหลด Visual Builder นั้นเร็วกว่าเมื่อก่อนมาก เวลาในการโหลด General Visual Builder ก็ได้รับการปรับปรุงเช่นกัน โดยลดลง 200-300ms จากเวลาในการโหลดโดยเฉลี่ย เราจะไม่ยุ่งเกี่ยวกับประสิทธิภาพ! เรากำลังจะทำให้ Divi เร็วขึ้นเรื่อยๆ

ความคืบหน้าของคุณสมบัติ

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

เรากำลังเร่งดำเนินการและวางแผนที่จะสร้างความก้าวหน้าที่ยอดเยี่ยมในอีกไม่กี่เดือนข้างหน้า

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

นี่คือความคืบหน้าที่เราได้ทำไปแล้ว:

เบรกพอยต์ที่ปรับแต่งได้

คุณลักษณะนี้เสร็จสมบูรณ์ประมาณ 80% มีโอกาสที่ดีที่เราจะเปิดตัวพร้อมกับ Public Alpha 8 หรือ 9 เรามีความก้าวหน้าอย่างมากในเวลาเพียงไม่กี่สัปดาห์

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

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

บูรณาการ Divi AI

คุณลักษณะนี้มีความสมบูรณ์ครบถ้วน ทุกแง่มุมของ Divi AI ได้รับการรวมเข้ากับ Divi 5 แล้ว รวมถึงเค้าโครง ข้อความ รูปภาพ และการสร้างโค้ด หลังจากแก้ไขข้อบกพร่องบางประการแล้ว เราจะเผยแพร่ฟีเจอร์นี้ใน Public Alpha 8

เรากำลังซ่อน Divi AI ไว้หลังแฟล็กฟีเจอร์จนกว่าจะเสร็จสิ้น ซึ่งหมายความว่ายังไม่สามารถมองเห็นได้ในอินเทอร์เฟซ Divi 5

การตั้งค่ากลุ่มตัวเลือกล่วงหน้า

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

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

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

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

โมดูล WooCommerce

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

เราวางแผนที่จะเผยแพร่โมดูล WooCommerce ทีละโมดูล ในระหว่างนี้ คุณยังคงสามารถใช้โมดูล WooCommerce ดั้งเดิมของ Divi 4 ใน Divi 5 ได้

บันทึกการเปลี่ยนแปลง

นี่คือรายการการเปลี่ยนแปลงทั้งหมดที่นำมาใช้ใน Public Alpha 7

• มีการเพิ่มเมนูแบบเลื่อนลงบนปุ่มออกเพื่อให้มีตัวเลือกการออกหลายทาง
• แก้ไขการแก้ไขความสูงที่มากเกินไปเมื่อส่วนหัวคงที่อาจซ้อนทับส่วนที่ยึดไว้บนแท็บเล็ตและโทรศัพท์
• แก้ไขตัวเลือก showBottomSpace ภายในโมดูลรูปภาพ ซึ่งใช้งานไม่ได้
• เพิ่มการรองรับคอมโพเนนต์ ImageSizing และ ImageSpacing ให้กับ AdvancedStyles ไปจนถึงสไตล์เอาท์พุตและการเปลี่ยนภาพที่สอดคล้องกัน
• แก้ไขปัญหาการเปลี่ยนปุ่มเล่นโมดูลวิดีโอจากเดสก์ท็อปและโฮเวอร์
• ใช้การตั้งค่าโมดูลที่สร้างขึ้นอัตโนมัติสำหรับโมดูลโค้ดแบบเต็มความกว้าง
• อัปเดตโมดูล Toggle เพื่อใช้การตั้งค่าโมดูลที่สร้างขึ้นอัตโนมัติ
• แก้ไขปัญหาความเร็วตาม WooCommerce ซึ่งเพิ่มความเร็วและประสิทธิภาพของ Divi อย่างมากเมื่อใช้กับ WooCommerce
• ปรับปรุงตัวตรวจสอบการพึ่งพาเพื่อเพิ่มประสิทธิภาพ
• มอบโซลูชันที่มีประสิทธิภาพสำหรับการโหลดที่ช้าก่อนหน้านี้ในการเรนเดอร์ส่วนหน้าของเนื้อหารหัสย่อในโหมดความเข้ากันได้แบบย้อนหลัง
• แก้ไขการส่งออกรายการไลบรารีด้วยค่าที่ตั้งล่วงหน้าจากไลบรารี Divi
• ปรับปรุงการจัดการ URL รูท REST API แบบรวมศูนย์ในที่จัดเก็บการตั้งค่า ลดการร้องขอเครือข่าย และลดความซับซ้อนของตรรกะ
• แก้ไขการแยกการทดสอบที่ได้รับการปรับปรุงและความน่าเชื่อถือโดยการอัปเดตการจำลองที่เกี่ยวข้องกับ REST API
• แก้ไขฟิลด์ CSS แบบกำหนดเองที่ไม่ทำงานในโมดูลบล็อกเมื่อแสดงผลที่ส่วนหน้า
• แก้ไขปัญหาขั้นตอนท้องถิ่นของตัวเลื่อนช่วง
• แก้ไขปัญหาการรีเซ็ตช่องทำเครื่องหมายไม่ทำงานในบางกรณี
• เพิ่มหน่วย CSS ใหม่เพื่อแปลงขนาด ภาพพื้นหลัง และตัวเลือกรูปแบบพื้นหลังเพื่อยอมรับหน่วยเช่น px, em, rem, vh, vw เป็นต้น
• แนะนำหน้าบทช่วยสอนใหม่ชื่อ “การแก้ไขเอาต์พุตโมดูล” ซึ่งอธิบายวิธีแก้ไขเอาต์พุตโมดูลด้วย hook wrapper ของโมดูล
• ชุดบทช่วยสอน “การเพิ่มการตั้งค่าโมดูลแบบกำหนดเองผ่าน Hook” ถูกเปลี่ยนชื่อเป็น “ปรับแต่งการตั้งค่าโมดูลและเอาท์พุต”
• การเพิ่มส่วนประกอบ UI สำหรับเบรกพอยต์แบบกำหนดเอง สิ่งเหล่านี้ยังไม่ปรากฏแก่ผู้ใช้ปลายทาง
• อัปเดตชุดบทช่วยสอน "การเพิ่มกลุ่มตัวเลือกแบบกำหนดเอง" และ "การเพิ่มฟิลด์ตัวเลือกแบบกำหนดเอง" เพื่อใช้โมดูลเสียงเป็นกรณีทดสอบเพื่อเชื่อมต่อบทช่วยสอนที่กำลังจะมีขึ้น เช่น การแสดงองค์ประกอบและสไตล์
• แก้ไขแท็กชื่อโมดูลตารางราคาไม่ทำงานขณะใช้งานค่าระดับพาเรนต์
• แก้ไขการประมวลผลข้อมูลแบบไดนามิกโดยการอัปเดต regex เพื่อรองรับโครงสร้างที่คล้ายกับ JSON ที่ซ้อนกัน
• อัปเดตวิธีที่เราจัดคิวสคริปต์ในบทช่วยสอนการตั้งค่าการขยายหน้าและสร้างโมดูลด่วนอย่างง่าย
• แก้ไขภาพพารัลแลกซ์ที่กำหนดในระดับเดสก์ท็อปไม่ปรากฏสำหรับเบรกพอยต์ที่เล็กกว่า
• แก้ไขชื่อปุ่ม Media Uploader ขณะอัปโหลดไฟล์วิดีโอจาก Slider Module
• แก้ไขโครงร่างที่แสดงสีพื้นหลังของเว็บไซต์ซึ่งไม่ได้ตั้งใจ
• แก้ไขคอมโพเนนต์ CheckboxesContainer ที่ค่าเริ่มต้นไม่ทำงาน
• แก้ไขการพิมพ์ผิดในการอธิบายการตั้งค่าสีไอคอน
• เพิ่มการดำเนินการจัดเก็บ มอบหมายGroupPresetToDefault เพื่อตั้งค่ากลุ่มตัวเลือกที่ตั้งไว้ล่วงหน้าเป็นค่าเริ่มต้น
• แก้ไขประเภทโมดอลช่วยเหลือตัวสร้างธีม
• อัปเดตหน้าบทนำในส่วน "การแปลงโมดูล Divi 4 เป็น Divi 5" ของเอกสารประกอบเพื่ออ้างอิงพื้นที่เก็บข้อมูลใหม่
• เพิ่มส่วนคำเตือนในหน้าบทช่วยสอนในส่วน "การแปลงโมดูล Divi 4 เป็น Divi 5" ซึ่งระบุว่าบทช่วยสอนล้าสมัยและกำลังได้รับการอัปเดต
• เพิ่มการกระทำของร้านค้า updateOptionGroupPresetWithCurrentStyles เพื่อจัดการการอัปเดตที่ตั้งไว้ล่วงหน้าจากสไตล์ปัจจุบัน
• เพิ่มการดำเนินการของร้านค้า DeleteOptionGroupPreset เพื่อจัดการกับกลไกการลบการตั้งค่าล่วงหน้า
• เพิ่มการดำเนินการจัดเก็บ cloneOptionGroupPreset เพื่อจัดการกลไกการตั้งค่าล่วงหน้าของโคลน
• อัปเดตการแสดงตัวอย่างที่ล้าสมัยและแก้ไขข้อผิดพลาดทางไวยากรณ์สำหรับหน้าบทช่วยสอนการเพิ่มเนื้อหาตัวยึดตำแหน่ง
• อัปเดตข้อมูลที่ล้าสมัยและดูตัวอย่างสำหรับการสร้างบทช่วยสอนโมดูล Divi 4 แบบไดนามิก
• อัปเดตกลไกของเฟรมแอปตัวสร้างภาพสำหรับเบรกพอยต์ที่ปรับแต่งได้
• แก้ไขปัญหาในตารางราคาที่รูปแบบไม่ได้ใช้กับข้อความชื่อเรื่องเมื่อตั้งค่าระดับส่วนหัวของชื่อเรื่องเป็น h6
• แก้ไขปัญหาที่การเปลี่ยนความสูงไม่ทำงานบนโมดูลรูปภาพ
• แก้ไขปัญหาการจัดตำแหน่งของข้อความ "อ่านเพิ่มเติม" ในโมดูลบล็อกเมื่อใช้เค้าโครงตาราง
• แก้ไขปัญหาการสลับฟิลด์แบบกำหนดเองด้วยตนเองของตัวเลือกการแสดงเงื่อนไข
• แก้ไขปัญหาในเค้าโครงตัวสร้างธีมที่ตัวแก้ไขชื่อโพสต์จะแสดงวันที่ปัจจุบันแทนวันที่ที่ถูกต้องเสมอ
• แก้ไขไอคอนปิดแผง TinyMCE ที่เสียหาย
• แก้ไขการเปลี่ยนแปลงโครงสร้างคอลัมน์ทำให้แถบด้านข้างการตั้งค่าเลิกสแนปโดยไม่คาดคิด
• เพิ่มการกระทำของร้านค้า addNewOptionGroupPreset เพื่อจัดการการอัปเดตที่ตั้งไว้ล่วงหน้าจากสไตล์ปัจจุบัน
• แก้ไขปัญหาระบบคลิปบอร์ดเมื่อบางครั้งการคัดลอก/วางสไตล์ไม่ทำงาน
• เพิ่มฟังก์ชันเพื่อแสดงการตั้งค่าล่วงหน้าของกลุ่มที่กำหนดไว้ใน UI ของกลุ่ม
• เพิ่มการกระทำของร้านค้า addNewOptionGroupPresetFromCurrentStyles เพื่อเพิ่มพรีเซ็ตใหม่จากสไตล์ปัจจุบัน
• แก้ไขตัวเลือกการออกแบบปุ่มกระโดดข้ามการเลือกการออกแบบปุ่มใดๆ บนตัวสร้างภาพ
• แก้ไขปัญหาการซ้อนทับไอคอน Hover ของโมดูลรูปภาพในสถานะ Hover
• การดำเนินการที่เก็บข้อมูลส่วนกลางที่ได้รับการปรับปรุง ('divi/global-data').setDefaultPresetOnSave() และ ('divi/global-data').unsetDefaultPresetOnSave() เพื่อรองรับการจัดการการตั้งค่าล่วงหน้าของกลุ่มตัวเลือก
• เพิ่มการดำเนินการจัดเก็บ updateOptionGroupPresetName เพื่ออัปเดตชื่อที่ตั้งไว้ของกลุ่มตัวเลือก
• แก้ไขปัญหาค่าเริ่มต้นการนับโพสต์สำหรับตัวเลื่อนโพสต์และโมดูลตัวเลื่อนโพสต์แบบเต็มความกว้าง
• แก้ไขปัญหาที่การเปลี่ยนแปลงที่ตั้งไว้ไม่คืนค่าหลังจากคลิก 'ยกเลิกการเปลี่ยนแปลง'
• แก้ไขปัญหาที่มีการพิมพ์สไตล์สองครั้งสำหรับโมดูลที่ใช้การตั้งค่าล่วงหน้าที่กำหนดไว้
• เพิ่มการดำเนินการจัดเก็บ editPresetAttribute เพื่อจัดการตัวเลือกกลุ่มแอตทริบิวต์ที่กำหนดไว้ล่วงหน้า
• แก้ไขข้อผิดพลาดเมื่อคลิกหมุดแผนที่ในโมดูลแผนที่ ซึ่งทำให้คำแนะนำเครื่องมือทำงานผิดปกติ
• แก้ไขตัวเลือกการซ้อนทับโมดูลรูปภาพแบบเต็มความกว้างไม่ปรากฏเมื่อโฮเวอร์
• เพิ่ม ('divi/global-data').addDefaultOptionGroupPreset() การดำเนินการจัดเก็บเพื่อจัดการฟังก์ชันการทำงานเพื่อสร้างการตั้งค่าล่วงหน้าเริ่มต้นสำหรับกลุ่มตัวเลือกที่ระบุ

กระโดดเข้าสู่ Divi 5 วันนี้

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

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