Divi 5 และการย้ายออกจากรหัสย่อ
เผยแพร่แล้ว: 2023-09-29ฉันกลับมาพร้อมกับการอัปเดต Divi 5 อีกครั้ง! ดังที่คุณทราบ เรากำลังอยู่ท่ามกลางโปรเจ็กต์ขนาดใหญ่ที่สร้าง Divi Builder ขึ้นมาใหม่ โดยมุ่งเน้นไปที่การปรับปรุงพื้นฐาน เช่น ประสิทธิภาพและความสามารถในการขยาย
ฉันให้ข้อมูลอัปเดตอย่างรวดเร็วทุกเดือนเพื่อให้ชุมชนทราบเกี่ยวกับความก้าวหน้าของเรา เมื่อเดือนที่แล้ว ฉันได้ประกาศการเปิดตัว Divi 5 Dev Beta ซึ่งเป็นช่วงที่สองจากสี่ช่วงเบต้าที่จะเกิดขึ้นก่อนการเปิดตัว Divi 5 เมื่อการเปิดตัว Dev Beta และ Divi 5 API เสร็จสมบูรณ์ เรากำลังดำเนินการไปสู่ Public Alpha เพื่อให้มั่นใจว่า เราเสร็จสิ้นฟีเจอร์หลักของ Divi มากพอที่จะทำให้เวอร์ชันเบต้าสาธารณะรุ่นแรกนั้นสามารถใช้งานได้ในวงกว้าง
สิ่งที่เราทำสำเร็จในเดือนนี้
เราประสบความสำเร็จอย่างมากในเดือนนี้ โดยทำการแปลงโมดูล Divi เพิ่มเติมให้เสร็จสมบูรณ์ เช่น โมดูล Accordion โมดูล Social Follow โมดูลไอคอน โมดูลการค้นหา และโมดูลโค้ด เราแก้ไขข้อบกพร่องเพิ่มเติม ทำการปรับปรุงเพิ่มเติม อัปเดตเอกสารเพิ่มเติม และเดินหน้าไปสู่ช่วงอัลฟ่าสาธารณะต่อไป
นี่คือรายการบันทึกการเปลี่ยนแปลง Divi 5 ล่าสุด
- เพิ่มโมดูล Map & Map Pin สำหรับ Divi 5
- เพิ่มตารางราคาและโมดูลตารางราคาสำหรับ Divi 5
- เพิ่มโมดูล Slider และ Slide สำหรับ Divi 5
- เพิ่มโมดูลวิดีโอสำหรับ Divi 5
- นำเค้าโครงที่สร้างไว้ล่วงหน้านำเข้ามาใช้ผ่านแอปคลาวด์ไปยังเครื่องมือสร้างภาพ
- แก้ไขปุ่มเนื้อหาแบบไดนามิกเพื่อให้ปรากฏบนกล่องข้อความที่เติมด้วย
- เพิ่มการปรับปรุง UI สำหรับกลุ่มตัวเลือกที่ซ้อนกันในโมดอลการตั้งค่าโมดูล
- สร้าง module.json จากไฟล์ ts ที่พิมพ์เพื่อให้แน่ใจว่าค่าคุณสมบัติข้อมูลเมตาของโมดูลได้รับการตรวจสอบความถูกต้อง
- อัปเดตการทดสอบสแน็ปช็อต PHP
- แก้ไขข้อผิดพลาดที่ทำให้ไม่สามารถโหลดสไตล์ชีต Divi ใน Builder เมื่อธีมลูกทำงานอยู่
- แก้ไขลิงก์พอร์ตโฟลิโอที่ออกจากเครื่องมือสร้างภาพ
- แก้ไขการรีเซ็ตภาพโฮเวอร์ที่กำหนดเองทำให้เกิดข้อขัดแย้งใน FE
- แก้ไขปัญหาขนาดโมดอลวิธีใช้ซึ่งการถอดโมดอลวิธีใช้ทำให้ดูใหญ่กว่าขนาดดั้งเดิม
- แก้ไขน้ำหนักเริ่มต้นของโมดูล Divider
- แก้ไขขนาดเริ่มต้นของไอคอนโมดูล Blurb
- อัปเดตเส้นขอบของปุ่ม CTA และเข้าสู่ระบบและสีข้อความให้ว่างเปล่าตามค่าเริ่มต้น
- แนะนำ elementType imageLink ในคลาส ModuleElements ที่ทำงานเพื่อแสดงองค์ประกอบรูปภาพที่เชื่อมโยง
- แนะนำ elementType wrapper ในคลาส ModuleElements ที่ทำงานเพื่อแสดงองค์ประกอบ wrapper
- แนะนำอิมเมจ elementType ลงในคลาส ModuleElements ที่ทำงานเพื่อแสดงองค์ประกอบรูปภาพ
- แก้ไขความแตกต่าง HTML ระหว่าง D4 และ D5 สำหรับโมดูลโค้ด
- เพิ่มโมดูลหีบเพลงและหีบเพลงสำหรับ Divi 5
- เพิ่มโมดูลโซเชียลมีเดียและรายการโซเชียลมีเดียสำหรับ Divi 5
- เพิ่มโมดูลไอคอนสำหรับ Divi 5
- เพิ่มโมดูลการค้นหาสำหรับ Divi 5
- เพิ่มโมดูลรหัส Fullwidth สำหรับ Divi 5
- สร้างตัวสร้างเอกสารสำหรับ Divi 5 PHP Action และ Filter Hooks
- อัปเดตการประกาศเอกสาร hooks การดำเนินการของ PHP
- อัปเดตการประกาศเอกสาร hooks ตัวกรอง PHP
- อัปเดตเอกสารสำหรับ PHP API
- เพิ่มการปรับปรุง UI สำหรับการตั้งค่าโมดูลและกิริยาโดยทั่วไป
- อัปเดตบทช่วยสอนเพื่อรวมการปรับปรุงล่าสุดในการพัฒนาโมดูล
- เพิ่มส่วนประกอบไลบรารีฟิลด์ใหม่: คำเตือน
- ปรับโครงสร้างการใช้งาน `animationClassnames`
- เพิ่มคุณสมบัติ `moduleClassname` และ `moduleOrderClassname` สำหรับข้อมูลเมตาของโมดูลบน `module.json`
- เพิ่มวิธีการ `ModuleElement.scriptData()`
- เพิ่มวิธีการ `ModuleElement.styleComponents()`
- เพิ่มตัวเลือกเพื่อเปิดใช้งาน UI ที่ปรับปรุงแล้ว
- แก้ไขปัญหาเมื่อการเปลี่ยนสไตล์แอนิเมชั่นทำให้โมดูลหยุดทำงาน
- แก้ไขสถานะที่ถูกต้อง (เดสก์ท็อป แท็บเล็ต ฯลฯ) ไม่ได้ถูกเลือกในโมดอลตัวเลือกสถานะ
- แก้ไขตัวเลือกที่ไม่ถูกต้องสำหรับการติดหนึบ
- แก้ไขการอ้างอิง defaultAttrs และ defaultPrintedStyleAttrs ที่เหลือในไซต์เอกสารประกอบ
- ฟิลด์การตั้งค่าโมดูลคงที่ไม่จัดการค่าตอบสนอง / โฮเวอร์ / เหนียวอย่างถูกต้องหากไม่มีการประกาศอุปกรณ์ประกอบฉากของฟิลด์อย่างชัดเจน
- แก้ไขไอคอนของแถบการตั้งค่าหน้าในปุ่มต่างๆ ไม่ได้อยู่ตรงกลางใน Firefox
- แก้ไขปัญหาการนำเข้าตัวเลือกลิงก์จาก D4 ถึง D5 ในโมดูล Blurb
- แก้ไขปัญหาการนำเข้าตัวเลือกลิงก์จาก D4 ถึง D5 ในโมดูล CTA
- แก้ไขปัญหาการแสดงชื่อรายการย่อยแบบไดนามิกในแผงเนื้อหาสำหรับโมดูลแท็บ
- การชดเชยแนวตั้งและแนวนอนคงที่ไม่ทำงานกับตำแหน่งสัมพัทธ์ในโมดูลส่วนหัวแบบเต็มความกว้าง
- จัดคิวสไตล์แพ็คเกจอย่างเหมาะสมหลังสไตล์ธีม
- อัปเดตหน้าเอกสารประกอบของฟังก์ชันที่ใช้ในบทช่วยสอนเวอร์ชันเบต้าสำหรับนักพัฒนา
พูดคุยเกี่ยวกับรหัสย่อ
ฉันยังต้องการใช้เวลาสักครู่เพื่อหารือเกี่ยวกับการเปลี่ยนแปลงที่สำคัญที่สุดอย่างหนึ่งของ Divi 5 ซึ่งก็คือการลบรหัสย่อและการโยกย้ายไปสู่รูปแบบการจัดเก็บข้อมูลที่ทันสมัยยิ่งขึ้นซึ่งสอดคล้องกับอนาคตของ WordPress
เหตุใดจึงย้ายออกจากรหัสย่อ?
การย้าย Divi 5 ออกจากรหัสย่อมีประโยชน์หลายประการ ประการแรก WordPress จะเลิกใช้งานรหัสย่ออย่างหลีกเลี่ยงไม่ได้ เนื่องจากผู้ใช้หันมาใช้ตัวแก้ไขใหม่มากขึ้นเรื่อยๆ และเราต้องการที่จะก้าวนำหน้าเกมต่อไป
รหัสย่อยังมีข้อจำกัดที่ทำให้ยากหรือเป็นไปไม่ได้ที่จะทำบางสิ่งบางอย่างให้สำเร็จ เช่น องค์ประกอบที่ซ้อนกันอย่างไม่สิ้นสุด และยังมาพร้อมกับปัญหาโดยธรรมชาติที่มักจะทำให้เกิดความน่าเกลียด เช่น ตัวละครบางตัวในเนื้อหาโพสต์ทำลายตรรกะของรหัสย่อ ซึ่งนำไปสู่ วิธีแก้ปัญหาที่ซับซ้อนเกินไปเพื่อแก้ไขปัญหาที่ซ่อนอยู่
รหัสย่อยังมีประสิทธิภาพน้อยกว่าเนื่องจากการแยกวิเคราะห์อาจต้องใช้นิพจน์ทั่วไปที่ซับซ้อน ในทางกลับกัน รูปแบบการจัดเก็บข้อมูลใหม่ของเราแยกวิเคราะห์ได้ง่ายกว่ามาก ซึ่งจะส่งผลให้มีการปรับปรุงประสิทธิภาพเล็กน้อย
ในที่สุดก็มีปัญหาเกี่ยวกับรหัสย่อที่เหลืออยู่ในเนื้อหาโพสต์หลังจากย้ายออกจาก Divi ซึ่งจะไม่ใช่ปัญหาใน Divi 5 อีกต่อไป หากคุณสร้างเว็บไซต์ของคุณด้วย Divi 5 แล้วเปลี่ยนไปใช้ธีมหรือตัวสร้างใหม่ คุณจะเริ่มต้นด้วยกระดานชนวนว่างเปล่า แทนที่จะใช้รหัสย่อที่ไม่ต้องการในเนื้อหาโพสต์
รหัสย่อจะถูกย้ายไปยังเว็บไซต์ที่มีอยู่อย่างไร
เพื่อที่จะทำการเปลี่ยนแปลงนี้ เราจะต้องค้นหาเว็บไซต์ของคุณโดยใช้โปรแกรมและแปลงรหัสย่อเป็นรูปแบบใหม่ หลังจากที่คุณอัปเกรดเป็น Divi 5 แล้ว จะมีกระบวนการย้ายข้อมูลที่คุณเริ่มต้นเพื่อทำให้การแปลงเสร็จสมบูรณ์ รหัสย่อ Divi 4 แบบเก่าจะยังคงใช้งานได้กับ Divi 5 แต่จะมาพร้อมกับต้นทุนด้านประสิทธิภาพ และเราขอแนะนำให้ทุกคนย้ายเว็บไซต์ของตนและอัปเดตโมดูล Divi บุคคลที่สาม เพื่อให้เว็บไซต์ทั้งหมดของคุณใช้เฟรมเวิร์ก Divi 5
หากคุณกำลังสร้างเว็บไซต์ใหม่ใน Divi 5 ในทางกลับกัน ทุกอย่างจะใช้เฟรมเวิร์กใหม่ตามค่าเริ่มต้น เค้าโครงเก่าในไลบรารีของคุณหรือเค้าโครงเก่าที่คุณส่งออกจาก Divi 4 จะถูกแปลงเป็นรูปแบบ Divi 5 โดยอัตโนมัติเมื่อนำเข้า
คอยติดตามการปรับปรุงมากขึ้น
นั่นคือทั้งหมดสำหรับการอัปเดต Divi 5 ของเดือนนี้ ในข่าวอื่นๆ เรามีการอัปเดต Divi AI ที่จะออกมาในอีกไม่กี่สัปดาห์ข้างหน้า ซึ่งจะช่วยให้คุณสร้างโค้ดด้วย AI ได้ ทำให้การปรับแต่ง Divi และโมดูลของมันง่ายกว่าที่เคย สำหรับผู้ที่ต้องการหลุดพ้นจากการตั้งค่าการออกแบบของ Divi และเขียน CSS ของคุณเอง ฉันคิดว่าการอัปเดตนี้มีประโยชน์อย่างเหลือเชื่อ
คอยติดตามและพบกันใหม่ในการอัพเดตครั้งต่อไป ติดตามเราทางอีเมลและสมัครรับข้อมูลช่อง YouTube ของเราเพื่อรับข่าวสารล่าสุดทั้งหมด