เผยอินเทอร์เฟซ Divi 5 ใหม่

เผยแพร่แล้ว: 2023-12-21

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

ดูวิดีโอเพื่อดูอย่างใกล้ชิด

อินเทอร์เฟซ Divi 5 ใหม่

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

อินเทอร์เฟซที่เร็วและมีประสิทธิภาพยิ่งขึ้น

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

อินเทอร์เฟซที่ไม่ขัดขวางคุณ

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

ในตัวอย่างข้างต้น ฉันวางแผงเลเยอร์ไว้ทางด้านซ้าย และแผงการตั้งค่าของฉันวางชิดทางด้านขวา แผงการตั้งค่าจะถูกเติมโดยอัตโนมัติเมื่อฉันคลิกไปรอบๆ หน้า และเมื่อฉันแก้ไขบางอย่าง ผลตอบรับก็จะเกิดขึ้นทันที

อินเทอร์เฟซที่ปรับแต่งได้อย่างเต็มที่

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

อินเทอร์เฟซที่ใช้งานง่ายกว่าที่เคย

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

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

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

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

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

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

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

นี่คือรายการบันทึกการเปลี่ยนแปลง Divi 5 ล่าสุด

  • เพิ่มโมดูล Post Slider สำหรับ Divi 5
  • เพิ่มโมดูลเมนูแบบเต็มความกว้างสำหรับ Divi 5
  • เพิ่มโมดูลชื่อโพสต์แบบเต็มความกว้างสำหรับ Divi 5
  • เพิ่มการเพิ่มประสิทธิภาพฟีเจอร์แฟล็กสำหรับเฟรมแอป
  • ใช้งานรูปแบบขั้นสูงในการประกาศสไตล์โมดูล PHP สำหรับโค้ด, เสียง, ตัวนับวงกลม, คอลัมน์, ตัวจับเวลาถอยหลัง, ตัวแบ่ง, ส่วนหัวแบบเต็มความกว้าง, รูปภาพแบบเต็มความกว้าง, ส่วนหัว, ไอคอน, คำกระตุ้นการตัดสินใจ, ปุ่ม, ตัวนับบาร์, หีบเพลง, ชื่อโพสต์, พอร์ตโฟลิโอ, ตัวนับจำนวน , แผนที่
  • เพิ่มโมดูลบล็อกสำหรับ Divi 5
  • เพิ่มการเพิ่มประสิทธิภาพฟีเจอร์แฟล็กสำหรับเฟรมแอป
  • เพิ่มโมดูลผลงานที่กรองได้สำหรับ Divi 5
  • เพิ่มโมดูลพอร์ตโฟลิโอแบบเต็มความกว้างสำหรับ Divi 5
  • เพิ่มโมดูลการนำทางโพสต์สำหรับ Divi 5
  • ใช้ AdvancedStyles ในการประกาศสไตล์โมดูล VB สำหรับส่วน แผนที่แบบเต็มความกว้าง ส่วนหัว เมนู แถบด้านข้าง การติดตามโซเชียลมีเดีย แท็บ สมาชิกในทีม คำรับรอง ข้อความ สลับ วิดีโอ และโมดูลตัวเลื่อน
  • การตั้งค่าโมดูลที่สร้างขึ้นอัตโนมัติในตัวสำหรับแผงการตั้งค่าสำหรับโมดูลต่างๆ เช่น ตัวจับเวลานับถอยหลัง ตัวนับวงกลม รหัส ปุ่ม ประกาศ ตัวแบ่ง เสียง ประกาศ รหัส และส่วนหัว
  • อัปเดตการส่งออก 'SyncGlobalLayoutAttributes' ให้เป็นประเภทแทนที่จะเป็นวัตถุ
  • TypeDocs: เพิ่มแพ็คเกจ @divi/modal-library ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับฟังก์ชันการจัดเก็บข้อมูลในแพ็คเกจ @divi/modal-library
  • TypeDocs: เพิ่มแพ็คเกจ @divi/page-settings ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับฟังก์ชันการจัดเก็บข้อมูลในแพ็คเกจ @divi/page-settings
  • พัฒนาโมดูล Fullwidth Portfolio ทั้งใน VB และ FE เป็น D5
  • TypeDocs: เพิ่มแพ็คเกจ @divi/keyboard-shortcuts ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/object-renderer ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/mask-and-pattern-library ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/middleware ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/modal ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/modal-snap-indicator ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/draggable ไปยังตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/numbers ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/error-boundary ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/events ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/help ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับฟังก์ชันการจัดเก็บข้อมูลในแพ็คเกจ @divi/help
  • TypeDocs: เพิ่มแพ็คเกจ @divi/history ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/hooks ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/icon-library ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/global-layouts ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับฟังก์ชันการจัดเก็บข้อมูลในแพ็คเกจ @divi/global-layouts
  • TypeDocs: เพิ่มแพ็คเกจ @divi/fonts ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับฟังก์ชันการจัดเก็บข้อมูลในแพ็คเกจ @divi/fonts
  • TypeDocs: อัปเดตเอกสารสำหรับแพ็คเกจ @divi/module
  • TypeDocs: เพิ่มแพ็คเกจ @divi/data ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divider-library ให้กับตัวสร้าง TypeDocs
  • เพิ่ม TypeDocs สำหรับแพ็คเกจ @divi/context-library
  • TypeDocs: เพิ่มแพ็คเกจ @divi/conversion ให้กับตัวสร้าง TypeDocs
  • TypeDocs: เพิ่มแพ็คเกจ @divi/constant-library ให้กับตัวสร้าง TypeDocs
  • TypeDocs: อัปเดตเอกสารสำหรับแพ็คเกจ @divi/field-library
  • ใช้งาน AdvancedStyles ในการประกาศสไตล์โมดูล VB สำหรับ … โมดูล

เร็ว ๆ นี้: Divi เค้าโครง AI!

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

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

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

คอยติดตามการเปิดตัว Divi Layouts AI และอย่าลืมกลับมาตรวจสอบการอัปเดต Divi 5 อีกครั้งในเดือนหน้า ติดตามเราทางอีเมลและสมัครรับข้อมูล YouTube ของเราเพื่อให้แน่ใจว่าคุณจะไม่พลาดสิ่งใด แล้วพบกันใหม่ครั้งหน้า