ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับจุดพักที่ปรับแต่งได้ของ Divi 5

เผยแพร่แล้ว: 2025-02-11

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

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

ลองดูวิดีโอต่อไปนี้เพื่อดูคุณสมบัติใหม่ที่ดำเนินการ

สารบัญ
  • 1 ดาวน์โหลด Divi 5 พร้อมจุดพักที่ปรับแต่งได้
  • 2 ฉันสามารถใช้ Divi 5 บนเว็บไซต์ของฉันได้หรือไม่?
    • 2.1 ใช้ Divi 5 บนเว็บไซต์ท้องถิ่นและการจัดเตรียม
    • 2.2 คุณสามารถใช้ Divi 5 บนเว็บไซต์ผลิตใหม่ได้อย่างปลอดภัย
  • 3 การทำความเข้าใจจุดพักที่ปรับแต่งได้ของ Divi
    • 3.1 จุดพักคืออะไร?
    • 3.2 ฉันควรใช้จุดพักกี่จุด?
    • 3.3 จะช่วยให้จุดพักมากขึ้นทำให้ไซต์ของฉันช้าลงหรือไม่?
    • 3.4 มีการเปิดใช้งานเบรกพอยต์บนเว็บไซต์หรือระดับหน้าหรือไม่?
  • 4 จุดพักที่ปรับแต่งได้ทำงานอย่างไรใน Divi
    • 4.1 ที่ไหนที่จะหาจุดพัก
    • 4.2 วิธีเปิดใช้งานจุดพัก
    • 4.3 คุณควรใช้จุดพักมาตรฐานหรือของคุณเอง?
    • 4.4 การใช้จุดพักที่กำหนดเองใน Divi 5
    • 4.5 ปรับแต่งการออกแบบที่ตอบสนองของคุณภายในที่ตั้งไว้ล่วงหน้า
  • 5 การแก้ไขที่ตอบสนองใน Divi 4 vs Divi 5
    • 5.1 การเปลี่ยนแปลงอย่างง่ายดายระหว่างจุดพัก
    • 5.2 จาก 3 ถึง 7 จุดพัก
    • 5.3 การปรับขนาดผ้าใบเพื่อการควบคุมที่สมบูรณ์
  • 6 Divi 5 รวมอยู่ในการเป็นสมาชิก Divi Lifetime ของคุณตลอดไป

ดาวน์โหลด Divi 5 พร้อมจุดพักที่ปรับแต่งได้

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

ดาวน์โหลด Divi 5Learn เพิ่มเติมเกี่ยวกับ Divi 5

ฉันสามารถใช้ Divi 5 บนเว็บไซต์ของฉันได้หรือไม่?

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

ใช้ Divi 5 บนเว็บไซต์ท้องถิ่นและการจัดเตรียม

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

คุณสามารถใช้ Divi 5 บนเว็บไซต์ผลิตใหม่ได้อย่างปลอดภัย

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

ทำความเข้าใจจุดพักที่ปรับแต่งได้ของ Divi

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

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

เบรกพอยต์คืออะไร?

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

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

ด้วยการแนะนำจุดพักเพิ่มเติมใน Divi 5 คุณสามารถ จำกัด ความจำเป็นสำหรับการค้นหาสื่อ CSS เพื่อกำหนดจุดพักสำหรับอุปกรณ์อื่น ๆ

ฉันควรใช้จุดพักกี่จุด?

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

จะช่วยให้จุดพักมากขึ้นทำให้ไซต์ของฉันช้าลงหรือไม่?

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

มีการเปิดใช้งานเบรกพอยต์ในระดับเว็บไซต์หรือหน้าหรือไม่?

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

จุดพักที่ปรับแต่งได้ทำงานอย่างไรใน Divi

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

จะหาจุดพักได้ที่ไหน

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

วิธีเปิดใช้งานจุดพัก

เปิดหน้าคุณต้องการแก้ไขและเปิดใช้งานตัวสร้างภาพโดยคลิก แก้ไขด้วย Divi

เปิดใช้งาน Visual Builder ใน Divi 5

คลิกเมนู Ellipsis (สามจุด) ที่อยู่ในแถบงานหลักของ Visual Builder

เปิดใช้งานจุดพักใน Divi 5

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

ตัวเลือก Divi 5 Breakpoint

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

คุณควรใช้จุดพักมาตรฐานหรือของคุณเอง?

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

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

การใช้จุดพักที่กำหนดเองใน Divi 5

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

โชคดีที่ Divi 5 ทำให้ง่ายต่อการปรับแต่งจุดพักที่ตอบสนองเหล่านี้ด้วยการคลิกเพียงไม่กี่ครั้ง

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

วิธีปรับแต่งจุดพักใน Divi 5

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

จุดพักที่ปรับแต่งได้ใน Divi 5

เราจะเพิ่มจุดพักต่อไปนี้สำหรับขนาดหน้าจอที่เหลือ:

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

  • โทรศัพท์: 767px ครอบคลุมขนาดหน้าจอสมาร์ทโฟนส่วนใหญ่รวมถึงรุ่นเก่าเช่น iPhone 8 หรือ Samsung G7
  • โทรศัพท์กว้าง: 860px ครอบคลุมหน้าจอโทรศัพท์ส่วนใหญ่ในโหมดภูมิทัศน์รวมถึง iPhone 14 Pro (และด้านบน) และอุปกรณ์ Android ที่ทันสมัย
  • แท็บเล็ต: 980px เหมาะสำหรับหน้าจอแท็บเล็ตส่วนใหญ่ในโหมดแนวตั้งรวมถึง iPads ทั้งหมด
  • แท็บเล็ตกว้าง: 1024px เป็นมาตรฐานสำหรับมุมมองภูมิทัศน์ใน iPads และแท็บเล็ตซัมซุงส่วนใหญ่
  • Widescreen: 1280px เป็นความกว้างที่ดีสำหรับแล็ปท็อปขนาดเล็กส่วนใหญ่ (Windows หรือ MacOS) รวมถึง MacBook Air, MacBook Pro 13″ และอุปกรณ์ Windows ที่เทียบเคียงได้
  • Ultrawide: 2560px ครอบคลุมหน้าจอเดสก์ท็อปขนาดใหญ่เช่น MacBook Pro 15″ และ 16″ แล็ปท็อป iMacs และจอภาพความละเอียดสูงมาตรฐาน

ปรับแต่งการออกแบบที่ตอบสนองของคุณภายในที่ตั้งล่วงหน้า

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

เริ่มต้นด้วยการคลิกที่ใดก็ได้ภายใน H1 ในส่วน Hero เพื่อเปิดการตั้งค่า

โมดูล Divi 5 H1

ถัดไปคลิกที่ฟิลด์ Heading Presets ในส่วนหัวของโมดูล

แก้ไขหัวเรื่องที่ตั้งไว้ล่วงหน้า

รายการที่ตั้งไว้จะปรากฏขึ้น ค้นหาที่ตั้งไว้ล่วงหน้าที่มีเครื่องหมายถูกสีน้ำเงินถัดจากนั้น

แก้ไขที่ตั้งไว้ล่วงหน้า

วางเมาส์เหนือการตั้งค่าล่วงหน้าเพื่อเปิดเผยการตั้งค่า คลิกที่ ไอคอนการตั้งค่า เพื่อแก้ไข

แก้ไขที่ตั้งไว้ล่วงหน้าใน Divi 5

คลิก แท็บการออกแบบ จากนั้นปรับ ขนาดข้อความหัวเรื่อง ให้เป็นขนาดที่ต้องการ

ปรับขนาดส่วนหัว

เปิดการตั้งค่าที่ตั้งไว้ล่วงหน้าไว้และคลิกขนาดหน้าจอถัดไปในแถบงาน Divi 5 เพื่อปรับขนาดส่วนหัว

แก้ไขที่ตั้งไว้ล่วงหน้าในทุกช่วงพัก

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

บันทึก Divi 5 ที่ตั้งไว้ล่วงหน้า

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

การแก้ไขตอบสนองใน Divi 4 vs Divi 5

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

การเปลี่ยนแปลงระหว่างจุดพักอย่างง่ายดาย

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

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

ตั้งแต่ 3 ถึง 7 จุดพัก

Divi 4 รองรับ 3 จุดพักที่แตกต่างกัน สิ่งเหล่านี้สามารถพบได้ใน Divi 5 เช่นกัน

  • เดสก์ท็อป: 981px ขึ้นไป
  • แท็บเล็ต: <980px
  • มือถือ: <767px

จุดพักที่ปรับแต่งได้

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

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

  • โทรศัพท์: <767px
  • โทรศัพท์กว้าง: < 860px
  • แท็บเล็ต: <980px
  • แท็บเล็ตกว้าง: < 1024px
  • เดสก์ท็อป: > 981px
  • ไวด์สกรีน: > 1280px
  • กว้างพิเศษ: > 1440px

จุดพักที่ปรับแต่งได้

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

การปรับขนาดผ้าใบเพื่อการควบคุมที่สมบูรณ์

หนึ่งในคุณสมบัติใหม่ที่น่าตื่นเต้นที่สุดของ Divi 5 คือการปรับขนาดผ้าใบซึ่งช่วยให้นักออกแบบควบคุมอย่างไม่เคยปรากฏมาก่อนว่าเว็บไซต์ของพวกเขาปรากฏในการแก้ปัญหาที่แตกต่างกันอย่างไร

นี่คือสิ่งที่การปรับขนาดผ้าใบดูเหมือนใน Divi 4:

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

Divi 5 รวมอยู่ในการเป็นสมาชิก Divi Lifetime ของคุณตลอดไป

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

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

เป็นสมาชิก Divi Lifetime เพิ่มเติมเกี่ยวกับ Divi 5