วิธีย้ายเว็บไซต์ของคุณไปยัง Divi 5 (อัลฟ่าสาธารณะ)

เผยแพร่แล้ว: 2024-10-10

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับ Divi 5 Public Alpha และวิธีดาวน์โหลด

ดาวน์โหลด Divi 5 Public Alpha

สารบัญ
  • 1 มีอะไรใหม่ใน Divi 5 Public Alpha
    • 1.1 อินเทอร์เฟซที่คล่องตัวเพื่อประสิทธิภาพที่ดีขึ้น
    • 1.2 ความเร็วและประสิทธิภาพที่เพิ่มขึ้น
    • 1.3 การทำงานหลายอย่างพร้อมกันได้ดีขึ้นด้วยแผงเชื่อมต่อและแบบแท็บ
    • 1.4 การแก้ไขด้วยคลิกเดียวทำให้การปรับเปลี่ยนง่ายขึ้น
    • 1.5 เข้าถึงด่วนด้วยเมนูคลิกขวา
    • 1.6 การนำทางอย่างง่ายดายด้วย Breadcrumbs ในแผงการตั้งค่า
    • 1.7 โหมดแสงและความมืดเพื่อความสบายแบบกำหนดเอง
    • 1.8 และอื่นๆ...
  • 2 เหตุใดจึงต้องย้ายไปยัง Divi 5
  • 3 ก่อนที่คุณจะดำน้ำ…
  • 4 วิธีโยกย้ายไปยัง Divi 5
    • 4.1 สำรองข้อมูลเว็บไซต์ของคุณ
    • 4.2 เปิดตัว Divi 5 Migrator
    • 4.3 วิเคราะห์เนื้อหา Divi 4 ที่มีอยู่
    • 4.4 ทำการตัดสินใจโดยมีข้อมูลครบถ้วน
    • 4.5 แปลงโมดูลที่เข้ากันได้
    • 4.6 จัดการโมดูลที่ไม่รองรับ
    • 4.7 กู้คืนหากจำเป็น
  • 5 Divi 5: ยุคใหม่สำหรับเว็บไซต์ของคุณ

มีอะไรใหม่ใน Divi 5 Public Alpha

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

อินเทอร์เฟซที่คล่องตัวเพื่อประสิทธิภาพที่ดีขึ้น

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

ความเร็วและประสิทธิภาพที่เพิ่มขึ้น

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

มัลติทาสก์ที่ดีขึ้นด้วยแผงเชื่อมต่อและแบบแท็บ

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

การแก้ไขด้วยคลิกเดียวทำให้การปรับเปลี่ยนง่ายขึ้น

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

เข้าถึงด่วนด้วยเมนูคลิกขวา

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

นำทางอย่างง่ายดายด้วย Breadcrumbs ในแผงการตั้งค่า

Breadcrumbs ในแผงการตั้งค่าทำให้การนำทางผ่านการตั้งค่าที่ซ้อนกันง่ายขึ้น คุณลักษณะนี้แสดงเส้นทางที่ชัดเจนผ่านเลเยอร์ต่างๆ ช่วยให้คุณคงทิศทางภายในโมดูลที่ซับซ้อนโดยไม่เสียตำแหน่ง

โหมดแสงและความมืดเพื่อความสบายแบบกำหนดเอง

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

และอื่นๆ…

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

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

เหตุใดจึงต้องย้ายไปยัง Divi 5

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

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

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

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

ก่อนที่คุณจะดำน้ำ...

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

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

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

วิธีโยกย้ายไปยัง Divi 5

️ ทดสอบระบบการย้ายข้อมูลเฉพาะภายในเครื่องหรือบนไซต์ชั่วคราวเท่านั้น ในขั้นตอนนี้ ข้อบกพร่องในการโยกย้ายมีแนวโน้มสูง

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

สำรองข้อมูลเว็บไซต์ของคุณ

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

เปิดตัว Divi 5 Migrator

หลังจากสำรองข้อมูลแล้ว ให้เข้าถึงเครื่องมือการย้ายข้อมูล ไปที่แดชบอร์ด WordPress ค้นหาเมนู Divi และเลือกตัวเลือก “Migrator” ใหม่เพื่อเริ่มกระบวนการ

วิเคราะห์เนื้อหา Divi 4 ที่มีอยู่

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

ตัดสินใจอย่างมีข้อมูล

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

แปลงโมดูลที่เข้ากันได้

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

จัดการโมดูลที่ไม่รองรับ

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

คืนค่าหากจำเป็น

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

คืนค่า Divi 4

Divi 5: ยุคใหม่สำหรับเว็บไซต์ของคุณ

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

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

ดาวน์โหลด Divi 5 Public Alpha