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 ของเราเพื่อรับข่าวสารล่าสุดทั้งหมด