การอัปเดตความคืบหน้าของ Divi 5 พฤษภาคม: การดูตัวอย่างความเร็วของ Divi 5

เผยแพร่แล้ว: 2023-06-02

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

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

สิ่งที่เราสำเร็จในเดือนนี้

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

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

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

เรายังปรับโครงสร้างวิธีการแปลงรหัสย่อของ Divi ซึ่งจะมีบทบาทสำคัญในความเข้ากันได้แบบย้อนกลับ

หากคุณสนใจรายละเอียดปลีกย่อย นี่คือรายการบันทึกการเปลี่ยนแปลงล่าสุด:

Divi 5.0.0-dev-alpha.4

แก้ไขการเรนเดอร์สำหรับฟิลด์พื้นหลังในโมดอลการตั้งค่าโมดูลรหัสย่อ
แก้ไขการแสดงฟิลด์การตั้งค่าโมดูลรหัสย่อด้วยเงื่อนไขรูปแบบ regex
เพิ่มการแสดงผลส่วนหน้าของตัวเลือกตัวแบ่งส่วน
แก้ไขตัวเลือกโฮเวอร์ที่ทำงานไม่ถูกต้องในตัวสร้างภาพและส่วนหน้าสำหรับตัวเลือกโมดูลที่มีหลายตัวเลือก
แพ็คเกจ @divi/scripts ที่ปรับโครงสร้างใหม่และเพิ่มการทดสอบ
เผยแพร่แพ็คเกจประเภทเป็น npm เพื่อเตรียมเผยแพร่สู่สาธารณะ

Divi 5.0.0-dev-alpha.5

อนุญาตให้โมดูลรหัสย่อส่งคำขออื่นเมื่อคำขอก่อนหน้าถูกยกเลิกโดยอัตโนมัติ
แสดงปุ่มตัวเลือกติดหนึบเมื่อโมดูลรหัสย่อปัจจุบันติดหนึบ
แสดงปุ่มตัวเลือกแบบติดหนึบเมื่อโมดูลรหัสย่อปัจจุบันอยู่ภายในโมดูลแบบติดหนึบ
ลบค่าเริ่มต้นที่ไม่ได้ใช้ Record<number, string | บันทึก <string, string>> พิมพ์ในโมดูล Shortcode
แก้ไของค์ประกอบโมดูล Woo Shortcode ที่ไม่ถูกต้องซึ่งแสดงในหน้าผลิตภัณฑ์หน้าเดียว โมดูลรหัสย่อที่ได้รับผลกระทบ: ประกาศผลิตภัณฑ์ Woo, รูปภาพผลิตภัณฑ์ Woo, หยิบใส่ตะกร้าสินค้า Woo, สต็อกผลิตภัณฑ์ Woo, ราคาผลิตภัณฑ์ Woo, ผลิตภัณฑ์ที่เกี่ยวข้องกับ Woo, เพิ่มยอดขายผลิตภัณฑ์ Woo และผลิตภัณฑ์ Woo
เปลี่ยนชื่อโมดูลที่ไม่รองรับเป็นโมดูล Shortcode พร้อมกับโมดูล slug, เส้นทาง REST API, เลเบล, กรณีทดสอบ และหนังสือนิทาน
เพิ่มช่องวิดีโอพื้นหลังในตัวเลือกพื้นหลังของโมดูล
การปรับโครงสร้างการแสดงผลของวิดีโอพื้นหลังใน Visual Builder โดยไม่มีการเรียก REST API
เพิ่มการแสดงผลของตัวเลือกโมดูลวิดีโอพื้นหลังในส่วนหน้า
เพิ่ม ScriptData เพื่อเริ่มต้นวิดีโอพื้นหลังในส่วนหน้า
เพิ่มการรองรับตัวเลือกโมดูลวิดีโอพื้นหลังในสถานะ Sticky
อัปเดตการแสดงฟิลด์ตัวแบ่งในตัวเลือกโมดูลเพื่อซ่อนตัวเลือกเพิ่มเติมหากไม่ได้เลือกสไตล์ตัวแบ่ง
อัปเดตการมองเห็นการตั้งค่าการทำซ้ำในแนวนอนของ Divider ในตัวเลือกโมดูลให้ซ่อนไว้สำหรับตัวเลือกสไตล์ของ Divider ที่ปฏิเสธการทำซ้ำอย่างชัดเจน
อัปเดตการเปิดเผยการตั้งค่าการจัดเรียงตัวแบ่งในตัวเลือกโมดูลให้ซ่อนอยู่ในการตั้งค่าส่วนเต็มความกว้าง (โดยอนุญาตให้ใช้ค่าเริ่มต้น "ด้านล่าง" เท่านั้น)
อัปเดตการแสดงตัวอย่างฟิลด์สไตล์ตัวแบ่งในตัวเลือกโมดูลเพื่อแสดงการพลิกแนวนอนและ/หรือแนวตั้งที่ใช้กับตัวแบ่งในปัจจุบัน
อัปเดตฟิลด์ความสูงของตัวแบ่งในตัวเลือกโมดูลเพื่อให้สามารถบันทึกค่าเปอร์เซ็นต์ (“%”) นอกเหนือจากหน่วยพิกเซลเริ่มต้น (“px”)
อัปเดตการตั้งค่าการทำซ้ำแนวนอนของตัวแบ่งในตัวเลือกโมดูลให้ยอมรับเฉพาะค่าจำนวนบวก (“1x” หรือสูงกว่า)
เพิ่มตัวเลือกเงื่อนไขพื้นฐานรวมถึงเงื่อนไขเริ่มต้นสำหรับผู้แต่ง ผู้เข้าสู่ระบบ และบทบาทของผู้ใช้ เงื่อนไขที่เหลือจะถูกเพิ่มทีละน้อยในการเผยแพร่ในอนาคต
เพิ่มองค์ประกอบ ElementComponents ซึ่งเทียบเท่ากับ <ElementStyle /> แต่สำหรับองค์ประกอบ HTML ที่แสดงผล
เพิ่มฟังก์ชัน elementClassnames() ซึ่งเทียบเท่ากับ <ElementStyle /> แต่สำหรับฟังก์ชันที่ชื่อคลาสเอาต์พุต
แก้ไขข้อผิดพลาดระดับหัวเรื่องแบบอักษร
แก้ไขคำเตือน PHP ที่ทริกเกอร์ในโมดูลพอร์ตโฟลิโอ
เพิ่มการเรียกกลับสิทธิ์ REST ที่เหมาะสมให้กับเส้นทาง REST ที่ลงทะเบียนทั้งหมดแล้ว
มีการแนะนำคลาส RoleEditor ใหม่เพื่อกำหนดบทบาทของ Divi รวมถึงการทดสอบฟังก์ชันการทำงานที่ได้รับการปรับโครงสร้างใหม่จาก D4 เป็น D5
คุณลักษณะ .sendRequest() เช่น ET อัตโนมัติและ WP ที่ไม่มีการเพิ่มและการสนับสนุนการตอบกลับแบบสตรีม ได้ถูกเพิ่มไปยัง fetch()
fetch() ได้รับการปรับโครงสร้างใหม่ทั้งหมดเพื่อการบำรุงรักษาและความสามารถในการปรับขนาดที่ดีขึ้น ทำให้สามารถแนะนำเงื่อนไขและคุณสมบัติใหม่ที่ซับซ้อน เช่น ตัวเลือกของ .sendRequest()
การเรียก REST API ทั้งหมด, fetch(), loggedFetch() และ .sendRequest() รวมเป็นหนึ่งเดียว และตอนนี้ใช้เฉพาะ loggedFetch() เท่านั้น
กลไกการแปลงแบบ Refactored สำหรับโมดูล

Divi 5.0.0-dev-alpha.6

การลงทะเบียน REST API, ลอจิก, สคีมา และการทดสอบที่ได้รับการปรับปรุงและคล่องตัว เปลี่ยนชื่อแพ็คเกจ divi/ajax เป็นแพ็คเกจ divi/rest
เพิ่มส่วนประกอบ InlineTextEditorContainer และ InlineTextEditor สำหรับ Inline Text Editor
เพิ่มตัวจัดการ onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown และ onMouseUp สำหรับ Inline Text Editor
เพิ่มกลไกการบันทึกเพื่ออัปเดตค่าแอตทริบิวต์จากฟิลด์ Inline Text Editor
เพิ่มตัวจัดการเหตุการณ์เพื่อเปิดใช้งานและปิดใช้งานโหมดแก้ไขสำหรับ Inline Text Editor
เพิ่มชื่อคลาสตามการเปิดใช้งาน/ปิดใช้งานและสถานะอื่นๆ เช่น __empty, __editing, __html
เพิ่ม CSS/Inline Style สำหรับ Inline Text Editor
WindowEventEmitterInstance ที่ปรับโครงสร้างใหม่เพื่อเพิ่มตัวฟังเหตุการณ์ mousedown
แนะนำตัวช่วย PHP เนื้อหาที่ตอบสนอง
แนะนำตัวช่วย JS เนื้อหาที่ตอบสนอง
เพิ่มฟังก์ชันเนื้อหาที่ตอบสนองในสคริปต์ FE
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ ชื่อ ตำแหน่ง รูปภาพ และเนื้อหาของโมดูลสมาชิกทีม
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Use Percentage, Percent และ Title ของโมดูล Bar Counters
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบข้อความปุ่มของโมดูลปุ่ม
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบชื่อเรื่องและเนื้อหาของโมดูลสลับ
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Text Inner ของโมดูล Text
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Title ของโมดูล Countdown Timer
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Title, Image, Artist Name และ Album Name ของโมดูล Audio
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบเนื้อหาของโมดูลรหัส
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Title, Content และ Button ของโมดูล CTA
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในโมดูลรูปภาพ
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Title ของโมดูล Circle Counter
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบ Title ของโมดูล Number Counter
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบชื่อเรื่องและเนื้อหาของโมดูลแท็บ
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบชื่อเรื่องและเนื้อหาของโมดูลการเข้าสู่ระบบ
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในตัวเลือกแสดงตัวแบ่งของโมดูลตัวแบ่ง
เพิ่มการใช้งานเนื้อหาที่ตอบสนองใน Title, Subhead, Content, Logo Image, Header Image, Button One Text และ Button Two Text ของโมดูล Fullwidth Header
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในโมดูลภาพเต็มความกว้าง
เพิ่มการใช้งานเนื้อหาที่ตอบสนองในองค์ประกอบชื่อเรื่องและเนื้อหาของโมดูลพอร์ตโฟลิโอ
ย้ายรหัสที่เกี่ยวข้องกับโมดูลรหัสย่อไปยังแพ็คเกจโมดูลรหัสย่อ
เพิ่มตัวแสดงสไตล์ส่วนหัวของฟอนต์ในคอมโพเนนต์ ElementStyle

ความเร็วของ Divi 5

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

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

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

การได้รับความเร็วในระดับนี้ไม่สามารถทำได้ใน Divi 4 และเป็นหนึ่งในเหตุผลที่การปรับปรุงสถาปัตยกรรม Divi 5 นี้มีความสำคัญมาก

เร็วๆ นี้: Divi AI

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

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

ดูวิดีโอ Youtube ของวันนี้เพื่อดูตัวอย่าง Divi AI

คอยติดตามการปรับปรุงมากขึ้น

นั่นคือทั้งหมดสำหรับรายงานความคืบหน้าในเดือนพฤษภาคมของเรา หากคุณมีคำถามใด ๆ อย่าลืมแสดงความคิดเห็น โปรดติดตามการอัปเดตในเดือนหน้า แล้วพบกันใหม่ในตอนหน้า!