การอัปเดตความคืบหน้าของ Divi 5: การสำรวจความสามารถในการขยายของ Divi 5

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

เมื่อเดือนที่แล้ว ฉันได้สาธิต Visual Builder ของ Divi 5 เพื่อแสดงความเร็วที่เร็วปานสายฟ้าแลบ ดังนั้นหากคุณพลาดวิดีโอนั้น อย่าลืมลองดู

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

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

เราก้าวหน้าไปมากเมื่อเดือนที่แล้ว เราใกล้จะเปิดตัว Divi 5 Dev Beta ซึ่งเป็นเฟสต่อไปของโปรแกรม Divi 5 beta และฉันหวังว่าจะประกาศการเปิดตัวในการอัปเดตครั้งต่อไป

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

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

• ปรับโครงสร้างโมดูลทั้งหมดที่สร้างขึ้นในปัจจุบันเพื่อรวมระบบแอตทริบิวต์ตามองค์ประกอบใหม่และที่ได้รับการปรับปรุง
• เพิ่มฟังก์ชั่น saveInlineEditorValue Util ในแพ็คเกจ / โมดูลยูทิลิตี้เพื่อเก็บค่าจากตัวแก้ไขข้อความแบบอินไลน์
• เพิ่ม canEditInline Util Function ในแพ็คเกจ/module-utils เพื่อตรวจสอบว่าสามารถแก้ไขแอตทริบิวต์โมดูลแบบอินไลน์ได้หรือไม่
• เพิ่ม onPaste Handler Event ไปยัง Inline Text Editor เพื่อประมวลผลข้อมูลคลิปบอร์ด
• แทนที่ชื่อคลาสตามเหตุการณ์ของโปรแกรมแก้ไขข้อความแบบอินไลน์ด้วย data-* Selectors (เช่น: et-vb-editable-element–empty, et-vb-editable-element–html) ใน The Builder
• อัปเดต CSS สำหรับโปรแกรมแก้ไขข้อความแบบอินไลน์ด้วย data-* Selectors (เช่น: [data-et-vb-editable-element])
• อัปเดตตัวแก้ไขข้อความแบบอินไลน์เพื่อตรวจสอบว่าโมดูลสามารถแก้ไขได้หรือไม่ และผู้ใช้มีสิทธิ์ที่เหมาะสมในการแก้ไข
• ที่เก็บแป้นพิมพ์ลัดที่ปรับโครงสร้างใหม่เพื่อปิดใช้งานทางลัดเมื่อตัวแก้ไขข้อความแบบอินไลน์อยู่ในโหมดแก้ไข
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลเสียงสำหรับชื่อเรื่อง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูล Blurb สำหรับชื่อเรื่อง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูล Bar Counter สำหรับ Title
• เพิ่มฟังก์ชันตัวแก้ไขข้อความแบบอินไลน์ให้กับโมดูลตัวนับวงกลมสำหรับชื่อเรื่อง
• เพิ่มฟังก์ชันตัวแก้ไขข้อความแบบอินไลน์ให้กับโค้ดโมดูลสำหรับเนื้อหาโค้ด (HTML)
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลตัวจับเวลานับถอยหลังสำหรับชื่อเรื่อง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลส่วนหัวแบบเต็มความกว้างสำหรับหัวเรื่องและหัวเรื่องย่อย
• เพิ่มฟังก์ชันตัวแก้ไขข้อความแบบอินไลน์ให้กับโมดูลโค้ดแบบเต็มความกว้างสำหรับเนื้อหาโค้ด (HTML)
• เพิ่มฟังก์ชัน Inline Text Editor เพื่อเข้าสู่ระบบโมดูลสำหรับชื่อเรื่อง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูล Number Counter สำหรับ Title
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลบุคคล (สมาชิกในทีม) สำหรับชื่อและตำแหน่ง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลตารางราคาสำหรับชื่อเรื่อง ชื่อรอง สกุลเงิน ผลรวม และความถี่
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับ Slider Module สำหรับหัวข้อ Slide
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับโมดูลแท็บสำหรับชื่อแท็บ
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับ Testimonial Module สำหรับผู้แต่ง ตำแหน่งงาน และชื่อบริษัท
• เพิ่มฟังก์ชัน Inline Text Editor เพื่อสลับโมดูลสำหรับชื่อเรื่อง
• เพิ่มฟังก์ชัน Inline Text Editor ให้กับ Wireframe View สำหรับ Module Admin Labels
• อัปเดตฟังก์ชันตัวแก้ไขข้อความแบบอินไลน์เพื่อตั้งค่าข้อความเริ่มต้นเมื่อแอตทริบิวต์ของโมดูลถูกแก้ไขด้วยค่าว่าง (เช่น ป้ายกำกับผู้ดูแลระบบในโหมดมุมมองโครงร่าง)
• เพิ่มกรณีทดสอบเพื่อให้แน่ใจว่าโหมดการแก้ไขสำหรับตัวแก้ไขข้อความแบบอินไลน์ไม่ได้เปิดใช้งานสำหรับโมดูลที่ล็อก
• เพิ่มการทดสอบในโมดูลทั้งหมดที่ใช้ Inline Text Editor เพื่อให้แน่ใจว่าทำงานได้ตามที่คาดไว้
• เพิ่มส่วนประกอบ Base InlineRichTextEditorContainer และ InlineRichTextEditor ในตัวสร้างสำหรับการแก้ไขแบบอินไลน์ของ Rich Text
• เปิดตัวคลาส ElementInnerContent ซึ่งเป็นคลาส MultiViewElement เวอร์ชันง่าย
• ปรับปรุงคลาส MultiViewScriptData
• เพิ่มตัวกรองและ hook แบบกำหนดเองในสคริปต์ Responsive Content FE
• เปิดตัวคลาส MultiViewElement
• เนื้อหาแบบไดนามิก: รูปแบบค่าเนื้อหาแบบไดนามิกใหม่: `$variable(JSON_VALUE)$`
• เนื้อหาแบบไดนามิก: แนะนำฟังก์ชันการแปลงแอตทริบิวต์ใหม่สำหรับแอตทริบิวต์เนื้อหาแบบไดนามิก
• เนื้อหาแบบไดนามิก: แนะนำการแสดงเนื้อหาแบบไดนามิกเริ่มต้นในส่วนหน้า
• วิธีการใหม่ในการประมวลผลค่าเนื้อหาไดนามิก ค่าเนื้อหาไดนามิกจะถูกประมวลผลบนตัวแยกวิเคราะห์บล็อก ก่อนที่เอกสารจะถูกแยกวิเคราะห์ในรายการของโครงสร้างบล็อก
• ย้ายโค้ดกลับเพื่อแก้ไขค่าในตัวของเนื้อหาแบบไดนามิกและค่าฟิลด์ที่กำหนดเองตามชื่อฟิลด์และการตั้งค่า
• กลับย้ายรหัสเพื่อสร้างเนื้อหาแบบไดนามิกในตัวและฟิลด์ที่กำหนดเองตามเงื่อนไขที่แตกต่างกัน
• เนื้อหาแบบไดนามิก: แนะนำการแสดงเนื้อหาแบบไดนามิกเริ่มต้นใน VB
• เนื้อหาไดนามิก: รวมฟังก์ชันเนื้อหาไดนามิกเข้ากับคลาส 'ModuleElements'
• เนื้อหาแบบไดนามิก: ใช้ฟังก์ชันภาพพื้นหลังแบบไดนามิกใน VB
• เนื้อหาแบบไดนามิก: เปิดตัว UI เนื้อหาแบบไดนามิกเริ่มต้นในการตั้งค่าโมดูลใน VB ขณะนี้มีให้ใช้เป็นต้นแบบในข้อความป้อนเข้าของโมดูลคำรับรองพร้อมรองรับตัวเลือกเนื้อหาไดนามิก "site_title" เท่านั้น
• ตัวแก้ไข RichText แบบอินไลน์: เพิ่มความสามารถในการแก้ไขหลัก TinyMCE ให้กับคอมโพเนนต์ตัวแก้ไขแบบอินไลน์ของ Rich Text
• Inline RichText Editor: อัปเดต Rich Text inline editor เพื่อดึงเนื้อหาที่แก้ไขได้และบันทึกเนื้อหาที่แก้ไขแล้ว
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟคเตอร์แอตทริบิวต์ของโมดูลไอคอน
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลโซเชียลมีเดีย
• รีแฟกเตอร์แอตทริบิวต์โมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลวิดีโอ
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลการค้นหา
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลรหัสความกว้างเต็ม
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลในตารางราคา
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลหีบเพลง
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลแผนที่ความกว้างแบบเต็ม
• รีแฟกเตอร์แอตทริบิวต์ของโมดูล: รีแฟกเตอร์แอตทริบิวต์ของโมดูลตัวเลื่อนแบบเต็มความกว้าง
• รีแฟกเตอร์แอตทริบิวต์โมดูล: รีแฟกเตอร์แมปแอตทริบิวต์ของโมดูล
• จุดบกพร่องที่ชุมชนรายงาน: การใช้กลไกเครดิตโมดูล เพิ่มเครดิตใน module.json เพื่อแสดงเครดิตโมดูล
• จุดบกพร่องที่ชุมชนรายงาน: เปิดใช้งานแท็กที่เลือกในคำอธิบายฟิลด์
• ตัวเลือกการเปลี่ยน: เพิ่มองค์ประกอบรูปแบบการเปลี่ยนสำหรับโมดูลทั้งหมดที่ใช้ ElementStyle
• องค์ประกอบโมดูล: ขอแนะนำคลาส ModuleElements เพื่อทำให้การสร้างองค์ประกอบง่ายขึ้นในโมดูล Audio, Blurb, CTA และ Testimonial

แสดงความสามารถในการขยายของ Divi 5

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

ทั้งหมดนี้มีความหมายอย่างไรต่ออนาคตของ Divi?

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

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

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

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

Divi AI ใกล้เสร็จแล้ว!

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

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

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

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